Analogous black, brown and orange linear gradient

Analogous black, brown and orange color palette

Linear gradient, 7 colors at 90°: #171717, #39221d, #6b2f23, #9b3f2b, #c15736, #e27544, #f98b4f. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#171717
#39221d
#6b2f23
#9b3f2b
#c15736
#e27544
#f98b4f

CSS

background: linear-gradient(90deg in oklch, oklch(20.47% 0.0000 89.88) 0.0%, oklch(27.92% 0.0371 33.24) 16.7%, oklch(38.52% 0.0883 32.73) 33.3%, oklch(48.82% 0.1281 33.75) 50.0%, oklch(58.50% 0.1450 37.82) 66.7%, oklch(67.88% 0.1503 43.42) 83.3%, oklch(74.41% 0.1530 47.49) 100.0%);

In these collections

Discord server banner gradients