Vivid analogous brown and yellow linear gradient

Linear gradient, 7 colors at 90°: #a66d0c, #d19212, #eeb821, #fcd75a, #f8d868, #d2aa35, #81611b. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

• #a66d0c
• #d19212
• #eeb821
• #fcd75a
• #f8d868
• #d2aa35
• #81611b

CSS

background: linear-gradient(90deg in oklch, oklch(58.27% 0.1213 72.42) 0.0%, oklch(70.42% 0.1436 77.39) 16.7%, oklch(80.94% 0.1591 86.04) 33.3%, oklch(88.80% 0.1470 92.90) 50.0%, oklch(88.80% 0.1360 94.03) 66.7%, oklch(75.48% 0.1366 89.25) 83.3%, oklch(51.18% 0.0937 82.99) 100.0%);

In these collections

Warm swatchesGold swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works