Vivid analogous yellow, orange and red linear gradient

Vivid analogous yellow, orange and red color palette

Linear gradient, 5 colors at 270°: #fedf4b, #ffb737, #fe8b22, #ed5f27, #db2b29. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#fedf4b
#ffb737
#fe8b22
#ed5f27
#db2b29

CSS

background: linear-gradient(270deg in oklch, oklch(90.55% 0.1626 97.03) 0.0%, oklch(82.68% 0.1571 76.95) 25.0%, oklch(74.80% 0.1736 55.82) 50.0%, oklch(66.14% 0.1874 39.97) 75.0%, oklch(57.87% 0.2108 27.29) 100.0%);

In these collections

Three color gradients