Analogous gray, green and yellow linear gradient

Linear gradient, 7 colors at 90°: #456254, #52795a, #6f965b, #8cb364, #a9d172, #ceee82, #f0ffbb. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#456254
#52795a
#6f965b
#8cb364
#a9d172
#ceee82
#f0ffbb

CSS

background: linear-gradient(90deg in oklch, oklch(46.85% 0.0413 163.83) 0.0%, oklch(53.79% 0.0660 150.02) 16.7%, oklch(62.99% 0.0951 135.30) 33.3%, oklch(72.05% 0.1156 130.41) 50.0%, oklch(81.10% 0.1309 127.90) 66.7%, oklch(90.31% 0.1393 122.68) 83.3%, oklch(97.24% 0.0887 118.38) 100.0%);