Analogous brown and yellow linear swatches

Analogous brown and yellow color palette

Linear swatches, 6 colors at 180°: #4a2918, #63380f, #866500, #a8a408, #d0db09, #f6f400. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#4a2918
#63380f
#866500
#a8a408
#d0db09
#f6f400

CSS

background: linear-gradient(180deg, oklch(31.89% 0.0565 47.81) 0.000% 16.667%, oklch(38.64% 0.0810 58.95) 16.667% 33.333%, oklch(52.55% 0.1076 85.83) 33.333% 50.000%, oklch(69.89% 0.1488 107.55) 50.000% 66.667%, oklch(85.38% 0.1901 113.57) 66.667% 83.333%, oklch(93.70% 0.2034 109.10) 83.333% 100.000%);

In these collections

Harvest gradients