Daffodil teal rain diagonal

Linear gradient, 32 colors at 45°: #2e3dc8, #00a195, #d8ca36, #f7cf5e, #efd372. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#2e3dc8
#1548cb
#005bb7
#0068a9
#0073a2
#007e9f
#008a9c
#00959a
#00a195
#00ad8c
#00ba7a
#46c261
#78c64f
#9bc740
#b6c836
#cac933
#d8ca36
#e3ca3c
#ebcb42
#f1cc49
#f4cc4f
#f6cd55
#f7ce59
#f7cf5e
#f6cf61
#f5d064
#f3d167
#f2d16a
#f0d26c
#efd26e
#efd270
#efd372

CSS

background: linear-gradient(45deg in oklch, oklch(44.88% 0.2122 270.00) 0.0%, oklch(46.29% 0.2103 263.76) 3.2%, oklch(48.08% 0.1630 255.81) 6.5%, oklch(50.20% 0.1301 246.35) 9.7%, oklch(52.59% 0.1126 235.65) 12.9%, oklch(55.21% 0.1037 223.98) 16.1%, oklch(57.98% 0.1009 211.57) 19.4%, oklch(60.87% 0.1035 198.70) 22.6%, oklch(63.80% 0.1121 185.61) 25.8%, oklch(66.74% 0.1287 172.57) 29.0%, oklch(69.61% 0.1580 159.81) 32.3%, oklch(72.37% 0.1756 147.61) 35.5%, oklch(74.96% 0.1718 136.20) 38.7%, oklch(77.33% 0.1681 125.84) 41.9%, oklch(79.41% 0.1646 116.78) 45.2%, oklch(81.16% 0.1613 109.29) 48.4%, oklch(82.54% 0.1584 103.51) 51.6%, oklch(83.67% 0.1554 98.96) 54.8%, oklch(84.58% 0.1524 95.45) 58.1%, oklch(85.30% 0.1494 92.86) 61.3%, oklch(85.86% 0.1465 91.09) 64.5%, oklch(86.27% 0.1436 90.03) 67.7%, oklch(86.55% 0.1407 89.56) 71.0%, oklch(86.73% 0.1380 89.56) 74.2%, oklch(86.83% 0.1353 89.94) 77.4%, oklch(86.86% 0.1328 90.57) 80.6%, oklch(86.86% 0.1304 91.35) 83.9%, oklch(86.84% 0.1281 92.16) 87.1%, oklch(86.82% 0.1261 92.90) 90.3%, oklch(86.83% 0.1243 93.44) 93.5%, oklch(86.88% 0.1226 93.69) 96.8%, oklch(87.01% 0.1213 93.52) 100.0%);

In these collections

Daffodil raincoat morning