Indigo and olive spring thunder over veld

The Indigo and olive spring thunder over veld brings together blue, yellow, and gold. Linear gradient, 32 colors at 135°: #1c27ab, #383c59, #756928, #a29631, #b0b27b. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

#1c27ab
#1d27a6
#1e26a0
#1f2698
#20298f
#232d84
#2d3275
#343765
#383c59
#384153
#374851
#384f4e
#435545
#54593c
#635c37
#6e6231
#756928
#7a721f
#817919
#887f18
#90851c
#968b24
#9c912b
#a29631
#a79b37
#aba03f
#aea447
#b0a851
#b0ac5d
#b0af69
#b0b174
#b0b27b

CSS

background: linear-gradient(135deg in oklch, oklch(37.80% 0.2039 268.59) 0.0%, oklch(37.26% 0.1980 269.05) 3.2%, oklch(36.45% 0.1902 269.76) 6.5%, oklch(35.65% 0.1795 270.42) 9.7%, oklch(35.12% 0.1648 270.74) 12.9%, oklch(35.05% 0.1440 271.58) 16.1%, oklch(35.26% 0.1137 275.90) 19.4%, oklch(35.73% 0.0802 279.41) 22.6%, oklch(36.50% 0.0508 277.04) 25.8%, oklch(37.58% 0.0328 263.64) 29.0%, oklch(39.07% 0.0268 232.94) 32.3%, oklch(40.90% 0.0287 190.91) 35.5%, oklch(42.95% 0.0356 148.12) 38.7%, oklch(45.07% 0.0444 115.16) 41.9%, oklch(47.22% 0.0546 99.63) 45.2%, oklch(49.54% 0.0696 96.15) 48.4%, oklch(51.94% 0.0863 99.24) 51.6%, oklch(54.30% 0.1012 103.69) 54.8%, oklch(56.53% 0.1110 104.60) 58.1%, oklch(58.69% 0.1163 103.93) 61.3%, oklch(60.80% 0.1188 103.37) 64.5%, oklch(62.82% 0.1196 102.95) 67.7%, oklch(64.70% 0.1198 102.70) 71.0%, oklch(66.46% 0.1202 102.61) 74.2%, oklch(68.12% 0.1199 102.63) 77.4%, oklch(69.64% 0.1185 102.85) 80.6%, oklch(70.98% 0.1156 103.32) 83.9%, oklch(72.11% 0.1103 104.17) 87.1%, oklch(73.04% 0.1015 105.62) 90.3%, oklch(73.79% 0.0910 107.35) 93.5%, oklch(74.38% 0.0811 108.97) 96.8%, oklch(74.80% 0.0744 110.08) 100.0%);

In these collections

Spring thunder over veld