Vivid analogous brown to yellow linear gradient

Vivid analogous brown to yellow palette with 7 colors. #8f4e1d, #aa6b1e, #c38b1e, #d7ae20, #e5d41e, #e9f71f, #e9ff6f. Edit and export CSS, SVG, PNG or a shader.

7 colors, 6 editable OKLCH keyframes.

#8f4e1d
#aa6b1e
#c38b1e
#d7ae20
#e5d41e
#e9f71f
#e9ff6f

CSS

background: linear-gradient(90deg in oklch, oklch(49.21% 0.1061 53.44) 0.0%, oklch(58.27% 0.1184 65.60) 16.7%, oklch(67.61% 0.1327 78.10) 33.3%, oklch(76.60% 0.1496 90.42) 50.0%, oklch(85.71% 0.1752 103.14) 66.7%, oklch(93.51% 0.2052 113.98) 83.3%, oklch(95.67% 0.1689 116.84) 100.0%);