Analogous brown to yellow linear gradient

Analogous brown to yellow palette with 7 colors. #715f00, #8d7e1d, #b29f43, #daba68, #f6ce7f, #ffdd8b, #fae483. Edit and export CSS, SVG, PNG or a shader.

7 colors, 5 editable OKLCH keyframes.

#715f00
#8d7e1d
#b29f43
#daba68
#f6ce7f
#ffdd8b
#fae483

CSS

background: linear-gradient(90deg in oklch, oklch(48.82% 0.1004 95.60) 0.0%, oklch(59.07% 0.1127 100.28) 16.7%, oklch(70.24% 0.1142 97.70) 33.3%, oklch(79.92% 0.1075 88.23) 50.0%, oklch(86.95% 0.1073 83.84) 66.7%, oklch(90.77% 0.1078 87.45) 83.3%, oklch(91.73% 0.1199 96.68) 100.0%);