Analogous brown, yellow and beige linear gradient

Linear gradient, 7 colors at 90°: #4d3605, #725309, #a07d14, #c5a71e, #e0ce45, #f3e78a, #fef5bd. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#4d3605
#725309
#a07d14
#c5a71e
#e0ce45
#f3e78a
#fef5bd

CSS

background: linear-gradient(90deg in oklch, oklch(35.04% 0.0689 79.45) 0.0%, oklch(46.36% 0.0915 82.82) 16.7%, oklch(60.63% 0.1185 87.91) 33.3%, oklch(73.28% 0.1438 95.37) 50.0%, oklch(84.25% 0.1530 101.64) 66.7%, oklch(91.83% 0.1151 101.98) 83.3%, oklch(96.46% 0.0730 100.59) 100.0%);

In these collections

Sequential data gradients