Analogous maroon, peach and brown linear gradient

Linear gradient, 7 colors at 90°: #580d00, #a31a0e, #f94237, #ffa387, #ffc0a2, #d07d5a, #983000. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

• #580d00
• #a31a0e
• #f94237
• #ffa387
• #ffc0a2
• #d07d5a
• #983000

CSS

background: linear-gradient(90deg in oklch, oklch(29.92% 0.1088 33.56) 0.0%, oklch(46.14% 0.1732 29.99) 16.7%, oklch(64.96% 0.2205 28.47) 33.3%, oklch(80.07% 0.1171 37.58) 50.0%, oklch(85.83% 0.0830 46.44) 66.7%, oklch(67.25% 0.1148 43.86) 83.3%, oklch(46.06% 0.1477 38.98) 100.0%);

In these collections

Fire gradientsOrange gradientsPersimmon gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works