Vivid analogous orange to yellow linear gradient

Linear gradient, 7 colors at 90°: #f06b23, #f48121, #f69824, #f6ad2a, #f1c230, #e2d23c, #cdd94b. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#f06b23
#f48121
#f69824
#f6ad2a
#f1c230
#e2d23c
#cdd94b

CSS

background: linear-gradient(90deg in oklch, oklch(68.11% 0.1819 44.30) 0.0%, oklch(71.83% 0.1709 53.46) 16.7%, oklch(76.03% 0.1616 64.45) 33.3%, oklch(79.92% 0.1571 76.00) 50.0%, oklch(83.44% 0.1585 89.42) 66.7%, oklch(85.11% 0.1609 102.89) 83.3%, oklch(85.04% 0.1626 114.04) 100.0%);

In these collections

Analogous swatches