Analogous gray, green and yellow linear gradient

Analogous gray, green and yellow palette with 5 colors. #456254, #60885a, #8cb364, #bbe079, #f0ffbb. Edit and export CSS, SVG, PNG or a shader.

5 colors, 4 editable OKLCH keyframes.

#456254
#60885a
#8cb364
#bbe079
#f0ffbb

CSS

background: linear-gradient(315deg in oklch, oklch(46.85% 0.0413 163.83) 0.0%, oklch(58.44% 0.0816 141.61) 25.0%, oklch(72.05% 0.1156 130.41) 50.0%, oklch(85.65% 0.1359 125.45) 75.0%, oklch(97.24% 0.0887 118.38) 100.0%);