Khaki Field Twilight

From the center outward, the continuous gradient moves through deep aqua, deep teal, deep green, olive, gold, cream, gold, orange, gold, and orange. Linear gradient, 32 colors at 135°: #27333b, #6b6e43, #c5ba9b, #b8a670, #8b583b. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#27333b
#28383f
#283f43
#294746
#2e5046
#3a5844
#4a6041
#5b6740
#6b6e43
#7a764b
#888157
#968d66
#a39975
#aea483
#b8ae8f
#bfb698
#c5ba9b
#c7bc9b
#c8bb97
#c6b991
#c3b68a
#c0b281
#bcac78
#b8a670
#b59f68
#b0955f
#aa8a56
#a47e4e
#9d7247
#966742
#905f3e
#8b583b

CSS

background: linear-gradient(135deg in oklch, oklch(31.50% 0.0207 234.14) 0.0%, oklch(33.06% 0.0244 223.78) 3.2%, oklch(35.09% 0.0299 209.18) 6.5%, oklch(37.50% 0.0364 191.75) 9.7%, oklch(40.21% 0.0434 172.91) 12.9%, oklch(43.14% 0.0501 154.05) 16.1%, oklch(46.19% 0.0560 136.60) 19.4%, oklch(49.28% 0.0602 121.96) 22.6%, oklch(52.35% 0.0623 111.46) 25.8%, oklch(55.87% 0.0618 104.27) 29.0%, oklch(59.84% 0.0593 99.38) 32.3%, oklch(64.00% 0.0555 96.28) 35.5%, oklch(68.10% 0.0513 94.50) 38.7%, oklch(71.89% 0.0472 93.53) 41.9%, oklch(75.12% 0.0441 92.89) 45.2%, oklch(77.53% 0.0426 92.09) 48.4%, oklch(78.92% 0.0434 90.93) 51.6%, oklch(79.49% 0.0463 90.70) 54.8%, oklch(79.40% 0.0505 91.29) 58.1%, oklch(78.76% 0.0557 92.28) 61.3%, oklch(77.67% 0.0613 93.26) 64.5%, oklch(76.26% 0.0667 93.83) 67.7%, oklch(74.62% 0.0715 93.58) 71.0%, oklch(72.88% 0.0751 92.09) 74.2%, oklch(70.90% 0.0773 88.94) 77.4%, oklch(68.26% 0.0788 84.15) 80.6%, oklch(65.17% 0.0796 78.22) 83.9%, oklch(61.86% 0.0799 71.70) 87.1%, oklch(58.57% 0.0800 65.12) 90.3%, oklch(55.54% 0.0799 58.99) 93.5%, oklch(53.00% 0.0798 53.87) 96.8%, oklch(51.18% 0.0799 50.27) 100.0%);

In these collections

Khaki coded