Duotone brown and navy linear swatches

Linear swatches, 7 colors at 90°: #845b24, #9c5c0d, #a05400, #904403, #6d3000, #3f1a16, #13092c. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#845b24
#9c5c0d
#a05400
#904403
#6d3000
#3f1a16
#13092c

CSS

background: linear-gradient(90deg, oklch(50.39% 0.0882 71.02) 0.000% 14.286%, oklch(53.54% 0.1171 63.62) 14.286% 28.571%, oklch(52.76% 0.1273 57.24) 28.571% 42.857%, oklch(47.64% 0.1213 51.99) 42.857% 57.143%, oklch(38.58% 0.1020 49.88) 57.143% 71.429%, oklch(27.17% 0.0579 27.69) 71.429% 85.714%, oklch(18.11% 0.0661 291.52) 85.714% 100.000%);

In these collections

Dark multicolor gradients