MailViewr - Free HTML Email Preview Tool
← CSS Support Index

Does CSS conic-gradient() Work in HTML Email?

Creates an image consisting of a gradient with color transitions rotated around a center point (rather than radiating from the center).

Quick Answer

Does conic-gradient() work in HTML email?

The CSS conic-gradient() property is supported in Outlook (Mac / Web), Apple Mail, Thunderbird, ProtonMail, and others. It is NOT supported in Gmail, Outlook (Windows), Yahoo! Mail. Always include a safe fallback for unsupported clients.

Which Email Clients Support CSS conic-gradient()?

CSS support for conic-gradient() across email clients

Email ClientDesktopMobile / WebNotes
Gmail✗ No✗ No
Outlook (Windows)✗ No?
Outlook (Mac / Web)✓ Yes✗ No
Apple Mail✓ Yes✓ Yes
Yahoo! Mail✗ No✗ No
Samsung Email?~ Partial
Thunderbird✓ Yes?
ProtonMail✓ Yes✓ Yes
Fastmail✓ Yes?

Notes

  • #1 Partial. Not supported with Hotmail/Outlook accounts.

Frequently Asked Questions

Related CSS Properties

Test Your Email Now

Paste your HTML and see how it renders in clients that don't support
conic-gradient().

Open Email Previewer