Vivid orange, yellow and green linear gradient

Linear gradient, 7 colors at 90°: #d29a14, #d1a112, #cfaa15, #cbb620, #c5c230, #becd40, #b9d44b. Edit and export CSS, SVG, PNG or a shader.

2 editable OKLCH keyframes.

#d29a14
#d1a112
#cfaa15
#cbb620
#c5c230
#becd40
#b9d44b

CSS

background: linear-gradient(90deg in oklch, oklch(72.05% 0.1447 81.56) 0.0%, oklch(73.28% 0.1468 86.14) 16.7%, oklch(75.08% 0.1500 92.83) 33.3%, oklch(77.17% 0.1536 100.58) 50.0%, oklch(79.25% 0.1573 108.33) 66.7%, oklch(81.05% 0.1604 115.03) 83.3%, oklch(82.28% 0.1626 119.61) 100.0%);

In these collections

Two color gradients