Skip to main content

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

Emailens
Sign in

linear-gradient in Gmail iOS

Works linear-gradient works in Gmail iOS.

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 iOS · 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 Android?
linear-gradient is partly supported in Gmail Android. Closest to Gmail iOS: Gmail Android, which agrees on 273 of the 300 features both are tested on.

To see what in your email Gmail iOS 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)