Gray and sage spring thunder over veld

The Gray and sage spring thunder over veld brings together gray, blue, light teal, and light green. Linear gradient, 32 colors at 0°: #7b7b7b, #73859b, #7cadbd, #9ad2cb, #cbe2bc. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#7b7b7b
#7c7b7d
#7c7c80
#7c7c84
#7c7d88
#7a7e8d
#788092
#768297
#73859b
#7088a0
#6f8ca3
#6e91a7
#6f95ab
#719baf
#74a1b4
#78a7b9
#7cadbd
#81b3c2
#85bac6
#8abfc9
#8ec5cb
#91c9cd
#95cecc
#9ad2cb
#9fd5c9
#a6d8c7
#addbc4
#b4ddc2
#bbdfbf
#c1e0be
#c7e1bc
#cbe2bc

CSS

background: linear-gradient(0deg in oklch, oklch(58.27% 0.0000 89.88) 0.0%, oklch(58.49% 0.0030 298.03) 3.2%, oklch(58.71% 0.0071 293.28) 6.5%, oklch(58.94% 0.0120 287.63) 9.7%, oklch(59.21% 0.0175 281.30) 12.9%, oklch(59.54% 0.0233 274.53) 16.1%, oklch(59.93% 0.0292 267.54) 19.4%, oklch(60.43% 0.0349 260.56) 22.6%, oklch(61.03% 0.0402 253.83) 25.8%, oklch(61.77% 0.0449 247.56) 29.0%, oklch(62.66% 0.0486 242.01) 32.3%, oklch(63.74% 0.0513 237.30) 35.5%, oklch(65.07% 0.0534 233.24) 38.7%, oklch(66.61% 0.0549 229.66) 41.9%, oklch(68.29% 0.0560 226.42) 45.2%, oklch(70.08% 0.0567 223.36) 48.4%, oklch(71.91% 0.0571 220.34) 51.6%, oklch(73.73% 0.0573 217.20) 54.8%, oklch(75.50% 0.0574 213.80) 58.1%, oklch(77.16% 0.0575 209.99) 61.3%, oklch(78.65% 0.0577 205.61) 64.5%, oklch(79.94% 0.0580 200.50) 67.7%, oklch(81.13% 0.0582 194.35) 71.0%, oklch(82.26% 0.0582 187.33) 74.2%, oklch(83.32% 0.0581 179.70) 77.4%, oklch(84.32% 0.0579 171.74) 80.6%, oklch(85.24% 0.0577 163.73) 83.9%, oklch(86.08% 0.0574 155.94) 87.1%, oklch(86.84% 0.0571 148.66) 90.3%, oklch(87.51% 0.0568 142.15) 93.5%, oklch(88.10% 0.0566 136.69) 96.8%, oklch(88.58% 0.0565 132.56) 100.0%);

In these collections

Spring thunder over veld