linear-gradient()

Creates an image consisting of a progressive transition between two or more colors along a straight line.

Estimated Support About

55.81% + 4.65% = 60.46%

Notes

  • 1

    Gradients can be created in VML using type="gradient" on a <v:fill>. See VML documentation.

  • 2

    Partial. Not supported with Hotmail/Outlook accounts.

  • 3

    Buggy. Does not work inline in the background-image property. (See email-bugs#135)

Resources

Sponsor

Resend

Sponsored by Resend. Email for developers. The best way to reach humans instead of spam folders. Deliver transactional and marketing emails at scale.

Know something we don't?

Is any of the above data outdated? Or do you want to add a new email client to the list? Heads on to GitHub and edit the data file!

Not comfortable with GitHub? Send us an email.

Test it yourself

This feature was last tested on December 29, 2021.

If you want to test this feature in the same conditions as we did, you can get our test code and run a test by yourself. Make sure to follow our testing recommendations first.