Orange harness over basalt shadows

Bright orange passes through ember red, ochre olive, and muted green gray before fading into basalt charcoal and near black. Linear gradient, 32 colors at 315°: #f27a1a, #cb4642, #4a5e31, #3a3a3a, #171c21. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#f27a1a
#ef751e
#ed6f26
#ea682f
#e66037
#e0583e
#da5143
#d34b44
#cb4642
#c3433a
#bb422d
#b04517
#9f4d00
#8a5600
#765a00
#605e17
#4a5e31
#3d5b42
#39564b
#3b4f4d
#3e494a
#3f4344
#3d3e3f
#3a3a3a
#353535
#303030
#2b2c2d
#26282a
#212427
#1d2125
#191e23
#171c21

CSS

background: linear-gradient(315deg in oklch, oklch(70.47% 0.1750 51.33) 0.0%, oklch(69.52% 0.1745 49.55) 3.2%, oklch(68.29% 0.1746 46.23) 6.5%, oklch(66.85% 0.1750 41.93) 9.7%, oklch(65.22% 0.1754 37.23) 12.9%, oklch(63.47% 0.1754 32.68) 16.1%, oklch(61.63% 0.1748 28.85) 19.4%, oklch(59.77% 0.1732 26.31) 22.6%, oklch(57.92% 0.1703 25.63) 25.8%, oklch(56.13% 0.1659 27.36) 29.0%, oklch(54.46% 0.1597 32.08) 32.3%, oklch(52.91% 0.1509 40.53) 35.5%, oklch(51.40% 0.1303 53.12) 38.7%, oklch(49.91% 0.1087 69.13) 41.9%, oklch(48.43% 0.0990 87.63) 45.2%, oklch(46.97% 0.0902 107.74) 48.4%, oklch(45.50% 0.0724 128.53) 51.6%, oklch(44.04% 0.0551 149.13) 54.8%, oklch(42.57% 0.0390 168.67) 58.1%, oklch(41.09% 0.0250 186.25) 61.3%, oklch(39.59% 0.0138 200.98) 64.5%, oklch(38.07% 0.0061 212.11) 67.7%, oklch(36.42% 0.0013 220.73) 71.0%, oklch(34.67% 0.0000 89.88) 74.2%, oklch(32.87% 0.0000 89.88) 77.4%, oklch(31.05% 0.0000 89.88) 80.6%, oklch(29.26% 0.0014 239.66) 83.9%, oklch(27.55% 0.0041 241.80) 87.1%, oklch(25.97% 0.0069 243.44) 90.3%, oklch(24.56% 0.0096 244.82) 93.5%, oklch(23.37% 0.0115 246.22) 96.8%, oklch(22.44% 0.0124 247.88) 100.0%);

In these collections

Darecations