Cocoa Chartreuse Diagonal Glow

This linear gradient travels diagonally from near-black cocoa through deep chocolate brown and olive into vivid chartreuse. #21130f, #806300, #d8f259.

32 colors, 4 editable OKLCH keyframes.

#21130f
#221510
#251611
#271713
#2a1914
#2d1b16
#311d18
#35201a
#3a231c
#41271e
#482b20
#513120
#5b371f
#66401c
#704a16
#79560a
#806300
#857200
#878100
#889001
#879e19
#87a928
#8ab433
#8fbe3c
#97c743
#a1cf48
#abd74c
#b6de4f
#c1e452
#cae954
#d2ee57
#d8f259

CSS

background: linear-gradient(45deg in oklch, oklch(20.47% 0.0234 37.97) 0.0%, oklch(21.10% 0.0246 38.03) 3.2%, oklch(21.78% 0.0257 37.71) 6.5%, oklch(22.55% 0.0268 37.20) 9.7%, oklch(23.42% 0.0281 36.66) 12.9%, oklch(24.42% 0.0297 36.29) 16.1%, oklch(25.59% 0.0318 36.25) 19.4%, oklch(26.93% 0.0345 36.72) 22.6%, oklch(28.49% 0.0380 37.89) 25.8%, oklch(30.27% 0.0423 39.93) 29.0%, oklch(32.33% 0.0476 43.02) 32.3%, oklch(34.71% 0.0543 47.49) 35.5%, oklch(37.53% 0.0628 53.74) 38.7%, oklch(40.72% 0.0728 61.42) 41.9%, oklch(44.18% 0.0838 70.10) 45.2%, oklch(47.84% 0.0955 79.36) 48.4%, oklch(51.59% 0.1054 88.75) 51.6%, oklch(55.34% 0.1144 97.92) 54.8%, oklch(59.01% 0.1261 106.40) 58.1%, oklch(62.51% 0.1400 113.79) 61.3%, oklch(65.75% 0.1484 119.65) 64.5%, oklch(68.66% 0.1549 123.62) 67.7%, oklch(71.48% 0.1601 125.97) 71.0%, oklch(74.26% 0.1641 127.05) 74.2%, oklch(76.99% 0.1673 127.10) 77.4%, oklch(79.61% 0.1696 126.35) 80.6%, oklch(82.10% 0.1714 125.04) 83.9%, oklch(84.42% 0.1727 123.40) 87.1%, oklch(86.54% 0.1737 121.67) 90.3%, oklch(88.42% 0.1745 120.08) 93.5%, oklch(90.03% 0.1754 118.87) 96.8%, oklch(91.34% 0.1764 118.28) 100.0%);

In these collections

Chocolate and chartreuse