CSS property · 10 real installs 14 Oct 2026 · data last changed 10 Nov 2026
linear-gradient in email clients
Works in 9 of 21. Not supported in Outlook 365, Outlook (New), Outlook Classic and 7 more. Partial in Gmail Android and Samsung Mail.
Your reader in Outlook Classic sees the email without linear-gradient, even if it looks right where you tested it.
caniemail (MIT) via @emailens/engine 0.18.22
What to do instead in Outlook Classic
Use VML to render gradients in Outlook
<td bgcolor="#667eea" width="600" height="200"
style="background-color: #667eea;
background-image: linear-gradient(135deg, #667eea, #764ba2);">
<!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true"
stroke="false" style="width:600px;height:200px;">
<v:fill type="gradient" color="#667eea" color2="#764ba2" angle="135" />
<v:textbox inset="0,0,0,0">
<![endif]-->
<div style="padding: 40px; color: #fff;">Content here</div>
<!--[if gte mso 9]>
</v:textbox>
</v:rect>
<![endif]-->
</td>Show the original
<td style="background: linear-gradient(135deg, #667eea, #764ba2);
padding: 40px; color: #fff;">
Content here
</td>No signup · Five clients free, Outlook Classic included · All 21 with an account
The checker needs a computer screen.
A free account opens all 21 clients and keeps your checks for 7 days. Create a free account →
linear-gradient on 10 real installs
One Emailens probe, screenshotted on each install on 14 October 2026, next to our live preview of the same client. Where linear-gradient is supported you should see: amber to white gradient (grey means unsupported).
caniemail: linear-gradient is not supported in Outlook Classic.
caniemail: linear-gradient is not supported in Outlook 365.
This Outlook.com install drops the <style> in the head, so only inline styles apply.
caniemail: linear-gradient is not supported in Yahoo Mail.
caniemail: linear-gradient works in Apple Mail.
caniemail: linear-gradient works in Apple Mail iOS.
Also captured, not counted as evidence (3)
- Outlook for Microsoft 365 · not mapped to an engine client yet Real screenshot
- Outlook 2019 for Mac (legacy app) · not counted as Outlook for Mac Real screenshot
This is the legacy Outlook for Mac app. The new Outlook for Mac, which the table describes, drops gradients, grid sizing functions, var() and more.
- Gmail (web) · not counted as Gmail Real screenshot
This Gmail install does not apply Gmail's sanitiser, so it shows more than real Gmail does.
Every account includes one free real-device check in classic Outlook, Outlook for Mac and Apple Mail, after you verify your email and run one preview, while this month's free capacity lasts. How real-device checks work →
All 21 clients, problems first
| Client | Support |
|---|---|
| Outlook 365 | Not supported |
| Outlook (New) | Not supported |
| Outlook Classic | Not supported See caveat 2 |
| Outlook iOS | Not supported |
| Outlook Android | Not supported |
| Outlook for Mac | Not supported |
| Yahoo Mail | Not supported |
| Yahoo Mail Android | Not supported |
| Yahoo Mail iOS | Not supported |
| AOL Mail | Not supported |
| Gmail Android | Partial See caveat 1 |
| Samsung Mail | Partial See caveat 3 |
Works in 9: Gmail, Gmail iOS, Apple Mail and 6 more. Show all
| Client | Support |
|---|---|
| Gmail | Works |
| Gmail iOS | Works |
| Apple Mail | Works |
| Apple Mail iOS | Works |
| Thunderbird | Works |
| HEY Mail | Works |
| Proton Mail | Works |
| Fastmail | Works |
| Superhuman | Works |
Caveats (3)
- 1. Gmail Android: Buggy. Does not work inline in the
background-imageproperty. (See email-bugs#135) - 2. Outlook Classic: Gradients can be created in VML using
type="gradient"on a<v:fill>. See VML documentation. - 3. Samsung Mail: Partial. Not supported with Hotmail/Outlook accounts.
Caveats as recorded by caniemail (MIT), one entry per wording.
Your next question
- Does fit-content work in Outlook Classic?
Works in 11 of 21 · partial in 3 · not supported in 6 · 1 untested
- Does radial-gradient work in Outlook Classic?
Works in 10 of 21 · partial in 1 · not supported in 10
- Does calc work in Outlook Classic?
Works in 8 of 21 · partial in 2 · not supported in 10 · 1 untested
- Does clamp work in Outlook Classic?
Works in 6 of 21 · partial in 3 · not supported in 11 · 1 untested
- Does conic-gradient work in Outlook Classic?
Works in 6 of 21 · partial in 1 · not supported in 13 · 1 untested
- Does max work in Outlook Classic?
Works in 6 of 21 · partial in 3 · not supported in 11 · 1 untested
linear-gradient in Outlook Classic · Every feature in Outlook Classic · All email CSS features · What real installs show
Paste your email
Get new email CSS fixes by email.