Analogous brown, orange and beige linear gradient

Analogous brown, orange and beige color palette

Linear gradient, 5 colors at 180°: #913e17, #bc4920, #e97845, #ffbc80, #fff3d2. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#913e17
#bc4920
#e97845
#ffbc80
#fff3d2

CSS

background: linear-gradient(180deg in oklch, oklch(46.85% 0.1226 42.89) 0.0%, oklch(55.48% 0.1580 38.48) 25.0%, oklch(69.22% 0.1547 43.49) 50.0%, oklch(84.38% 0.1085 62.02) 75.0%, oklch(96.46% 0.0441 90.44) 100.0%);

In these collections

Monochromatic swatches