Analogous brown, orange and black linear swatches

Linear swatches, 24 colors at 90°: #b36828, #d98e36, #806a32, #18271a, #000001. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

• #b36828
• #b96d2a
• #c3742d
• #cd7d30
• #d68533
• #db8b35
• #d98e36
• #d28c37
• #c68839
• #b8823a
• #a77b39
• #947336
• #806a32
• #6a5e2e
• #525129
• #3c4325
• #28341f
• #18271a
• #091c15
• #001110
• #00070a
• #000205
• #000003
• #000001

CSS

background: linear-gradient(90deg, oklch(59.06% 0.1226 56.95) 0.000% 4.167%, oklch(60.75% 0.1250 57.80) 4.167% 8.333%, oklch(63.36% 0.1290 58.89) 8.333% 12.500%, oklch(66.28% 0.1333 60.24) 12.500% 16.667%, oklch(68.89% 0.1367 61.86) 16.667% 20.833%, oklch(70.58% 0.1378 63.77) 20.833% 25.000%, oklch(70.75% 0.1355 65.95) 25.000% 29.167%, oklch(69.63% 0.1294 67.74) 29.167% 33.333%, oklch(67.56% 0.1207 69.38) 33.333% 37.500%, oklch(64.73% 0.1104 71.53) 37.500% 41.667%, oklch(61.32% 0.0994 74.83) 41.667% 45.833%, oklch(57.51% 0.0888 79.94) 45.833% 50.000%, oklch(53.35% 0.0793 87.32) 50.000% 54.167%, oklch(48.30% 0.0691 96.29) 54.167% 58.333%, oklch(42.62% 0.0585 106.78) 58.333% 62.500%, oklch(36.69% 0.0484 118.84) 62.500% 66.667%, oklch(30.89% 0.0396 132.53) 66.667% 70.833%, oklch(25.60% 0.0329 147.94) 70.833% 75.000%, oklch(20.89% 0.0291 166.39) 75.000% 79.167%, oklch(16.22% 0.0278 189.63) 79.167% 83.333%, oklch(11.84% 0.0211 216.25) 83.333% 87.500%, oklch(7.92% 0.0203 245.89) 87.500% 91.667%, oklch(4.50% 0.0305 264.13) 91.667% 95.833%, oklch(3.47% 0.0212 278.49) 95.833% 100.000%);

In these collections

Retro gradientsText gradientsAutumn gradientsWallpaper gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works