Skip to main content

Our email CSS engine is open source. Give it a star on GitHub 

Emailens
Sign in

linear-gradient in Gmail

Works linear-gradient works in Gmail.

Works in 9 of 21 · partial in 2 · not supported in 10

Which clients
Works
Gmail, Gmail iOS, Apple Mail, Apple Mail iOS, Thunderbird, HEY Mail, Proton Mail, Fastmail, Superhuman
Partial
Gmail Android, Samsung Mail
Not supported
Outlook 365, Outlook (New), Outlook Classic, Outlook iOS, Outlook Android, Outlook for Mac, Yahoo Mail, Yahoo Mail Android, Yahoo Mail iOS, AOL Mail

The fix for the clients that need it

Needed in 12 of 21: Outlook 365, Outlook (New), Outlook Classic and 9 more.

Add solid color fallback for gradient backgrounds

instead 
<td style="background-color: #667eea;
            background-image: linear-gradient(135deg, #667eea, #764ba2);
            padding: 40px; color: #fff;">
  Content here
</td>
Show the original
before 
<td style="background: linear-gradient(135deg, #667eea, #764ba2);
            padding: 40px; color: #fff;">
  Content here
</td>

A free account opens all 21 clients and keeps your checks for 7 days. Create a free account →

Your next question

Every feature in Gmail · linear-gradient in every client

Questions

How many email clients support linear-gradient?
It works in 9 of 21, partial in 2, not supported in 10.
Does linear-gradient work in Gmail iOS?
linear-gradient works in Gmail iOS. Closest to Gmail: Gmail iOS, which agrees on 251 of the 300 features both are tested on.

To see what in your email Gmail does not support, paste the whole email.

The checker needs a computer screen.

Real captures 14 Oct 2026 on 10 installs · caniemail (MIT) via @emailens/engine 0.18.22 · tested upstream 29 Dec 2021 · data last changed 10 Nov 2026 · Outlook (New) cells are the engine's mapping · the Gmail capture is not counted (it skips Gmail's sanitiser)