Green to gray linear gradient

Linear gradient, 21 colors at 180°: #b9da55, #aebdb3, #8e9f9e, #757f85, #535558. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#b9da55
#b0d86f
#a8d58a
#a7cea1
#aac5ae
#aebdb3
#acb6b1
#a7b0ad
#9faaa7
#95a5a3
#8e9f9e
#89999a
#849395
#7f8d91
#7a878b
#757f85
#6e777c
#676d72
#5f6368
#585b5e
#535558

CSS

background: linear-gradient(180deg in oklch, oklch(83.86% 0.1626 121.64) 0.0%, oklch(83.17% 0.1413 126.53) 5.0%, oklch(82.24% 0.1099 133.43) 10.0%, oklch(81.10% 0.0751 141.47) 15.0%, oklch(79.79% 0.0436 149.81) 20.0%, oklch(78.35% 0.0220 157.57) 25.0%, oklch(76.71% 0.0127 164.76) 30.0%, oklch(74.87% 0.0111 171.94) 35.0%, oklch(72.89% 0.0139 179.13) 40.0%, oklch(70.88% 0.0177 186.31) 45.0%, oklch(68.90% 0.0193 193.50) 50.0%, oklch(67.02% 0.0186 200.69) 55.0%, oklch(65.20% 0.0180 207.87) 60.0%, oklch(63.32% 0.0173 215.06) 65.0%, oklch(61.31% 0.0164 222.24) 70.0%, oklch(59.06% 0.0152 229.43) 75.0%, oklch(56.27% 0.0134 237.19) 80.0%, oklch(53.02% 0.0112 245.53) 85.0%, oklch(49.74% 0.0089 253.57) 90.0%, oklch(46.88% 0.0069 260.47) 95.0%, oklch(44.88% 0.0055 265.36) 100.0%);