Analogous orange, gray and yellow linear gradient

Linear gradient, 7 colors at 90°: #f15a26, #e49e3b, #d1dbae, #e8f3e8, #def7d8, #dce88f, #f2d23c. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#f15a26
#e49e3b
#d1dbae
#e8f3e8
#def7d8
#dce88f
#f2d23c

CSS

background: linear-gradient(90deg in oklch, oklch(66.14% 0.1957 37.97) 0.0%, oklch(75.09% 0.1382 71.75) 16.7%, oklch(87.28% 0.0610 117.50) 33.3%, oklch(95.28% 0.0193 145.76) 50.0%, oklch(94.87% 0.0483 139.03) 66.7%, oklch(90.26% 0.1126 114.80) 83.3%, oklch(86.61% 0.1612 96.09) 100.0%);

In these collections

Darecations