Analogous beige, orange and brown linear gradient

Linear gradient, 7 colors at 90°: #fef0bb, #f7df99, #eec666, #dfa433, #be781d, #8f4d20, #6b321d. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#fef0bb
#f7df99
#eec666
#dfa433
#be781d
#8f4d20
#6b321d

CSS

background: linear-gradient(90deg in oklch, oklch(95.28% 0.0689 94.22) 0.0%, oklch(90.80% 0.0921 91.28) 16.7%, oklch(84.14% 0.1232 86.70) 33.3%, oklch(75.59% 0.1406 79.42) 50.0%, oklch(63.28% 0.1303 66.74) 66.7%, oklch(49.10% 0.1064 51.36) 83.3%, oklch(38.98% 0.0882 40.32) 100.0%);

In these collections

Harvest gradients