Ochre and deep cyan red sumac roadside

The Ochre and deep cyan red sumac roadside brings together yellow, orange, red, magenta, and blue. Linear gradient, 32 colors at 180°: #b7aa76, #d37656, #ba3e46, #7d2f48, #2e4a59. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#b7aa76
#bba671
#c0a16c
#c69b67
#cb9465
#ce8d63
#d0865f
#d27e5b
#d37656
#d36e52
#d2664f
#d05e4d
#cd574b
#ca5049
#c54a47
#c04446
#ba3e46
#b43945
#ad3444
#a53044
#9d2d45
#942d48
#892d48
#7d2f48
#713148
#66324b
#5c344f
#523856
#463d5d
#3a435f
#32485d
#2e4a59

CSS

background: linear-gradient(180deg in oklch, oklch(73.62% 0.0717 95.62) 0.0%, oklch(73.15% 0.0750 89.61) 3.2%, oklch(72.51% 0.0795 80.94) 6.5%, oklch(71.73% 0.0850 71.04) 9.7%, oklch(70.84% 0.0912 61.36) 12.9%, oklch(69.86% 0.0980 53.37) 16.1%, oklch(68.77% 0.1059 47.64) 19.4%, oklch(67.56% 0.1153 43.07) 22.6%, oklch(66.25% 0.1252 39.34) 25.8%, oklch(64.87% 0.1347 36.15) 29.0%, oklch(63.46% 0.1426 33.20) 32.3%, oklch(62.04% 0.1484 30.40) 35.5%, oklch(60.57% 0.1530 28.14) 38.7%, oklch(59.05% 0.1565 26.26) 41.9%, oklch(57.50% 0.1588 24.51) 45.2%, oklch(55.92% 0.1598 22.68) 48.4%, oklch(54.31% 0.1596 20.64) 51.6%, oklch(52.64% 0.1587 18.83) 54.8%, oklch(50.93% 0.1566 17.05) 58.1%, oklch(49.22% 0.1529 14.99) 61.3%, oklch(47.54% 0.1471 12.31) 64.5%, oklch(45.91% 0.1387 8.86) 67.7%, oklch(44.15% 0.1262 6.10) 71.0%, oklch(42.36% 0.1108 3.31) 74.2%, oklch(40.71% 0.0946 359.03) 77.4%, oklch(39.35% 0.0799 351.83) 80.6%, oklch(38.48% 0.0687 340.20) 83.9%, oklch(38.19% 0.0605 321.14) 87.1%, oklch(38.34% 0.0542 296.68) 90.3%, oklch(38.72% 0.0494 270.99) 93.5%, oklch(39.14% 0.0456 248.25) 96.8%, oklch(39.37% 0.0427 232.65) 100.0%);

In these collections

Red sumac roadside