Analogous orange, tan and gray linear gradient

Analogous orange, tan and gray color palette

Linear gradient, 7 colors at 90°: #cf673e, #d77a50, #d69262, #c9a378, #b29d7f, #998875, #827065. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#cf673e
#d77a50
#d69262
#c9a378
#b29d7f
#998875
#827065

CSS

background: linear-gradient(90deg in oklch, oklch(62.99% 0.1433 41.48) 0.0%, oklch(67.38% 0.1292 44.30) 16.7%, oklch(71.70% 0.1044 54.67) 33.3%, oklch(74.02% 0.0730 70.02) 50.0%, oklch(70.62% 0.0489 76.20) 66.7%, oklch(63.75% 0.0342 69.12) 83.3%, oklch(55.91% 0.0289 53.11) 100.0%);

In these collections

Orange gradients