# Burgundy olive plum charcoal bands

Black, brown, olive and maroon linear swatches with 8 colors: #242424, #2f192d, #362831, #3e442d, #495b19, #4e5c25, #594530, #652936. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, brown, olive and maroon linear swatches
- Seed: `kcQgA8oBGyKWJwQvjdCOCHAbkdP6zj7lLx-5Q`
- Page: https://grabient.com/kcQgA8oBGyKWJwQvjdCOCHAbkdP6zj7lLx-5Q?style=linearSwatches&steps=8&angle=0
- Drawn as: linear swatches, 8 steps, 0 degrees
- Kinds: dark, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.2 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#242424` | `oklch(25.98% 0.0000 89.88)` | Nero | white, 15.5 to 1 |
| 2 | `#2f192d` | `oklch(25.20% 0.0482 328.84)` | Bleached Cedar | white, 16.1 to 1 |
| 3 | `#362831` | `oklch(29.53% 0.0262 338.35)` | Melanzane | white, 14 to 1 |
| 4 | `#3e442d` | `oklch(37.40% 0.0372 118.89)` | Mallardish | white, 10.1 to 1 |
| 5 | `#495b19` | `oklch(44.09% 0.0923 123.12)` | Kyuri Green | white, 7.5 to 1 |
| 6 | `#4e5c25` | `oklch(44.88% 0.0799 121.01)` | Obscure Olive | white, 7.3 to 1 |
| 7 | `#594530` | `oklch(40.55% 0.0427 65.00)` | Brown Hen | white, 9 to 1 |
| 8 | `#652936` | `oklch(37.01% 0.0868 8.99)` | Siren | white, 10.9 to 1 |

## CSS

```css
background: linear-gradient(0deg, #242424 0.000% 12.500%, #2f192d 12.500% 25.000%, #362831 25.000% 37.500%, #3e442d 37.500% 50.000%, #495b19 50.000% 62.500%, #4e5c25 62.500% 75.000%, #594530 75.000% 87.500%, #652936 87.500% 100.000%);
background: linear-gradient(0deg, oklch(25.98% 0.0000 89.88) 0.000% 12.500%, oklch(25.20% 0.0482 328.84) 12.500% 25.000%, oklch(29.53% 0.0262 338.35) 25.000% 37.500%, oklch(37.40% 0.0372 118.89) 37.500% 50.000%, oklch(44.09% 0.0923 123.12) 50.000% 62.500%, oklch(44.88% 0.0799 121.01) 62.500% 75.000%, oklch(40.55% 0.0427 65.00) 75.000% 87.500%, oklch(37.01% 0.0868 8.99) 87.500% 100.000%);
```

## Keyframes

8 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.26 | 0 | 85.1 |
| 2 | 0.252 | 0.048 | -31.2 |
| 3 | 0.295 | 0.026 | -21.7 |
| 4 | 0.374 | 0.037 | 118.9 |
| 5 | 0.441 | 0.092 | 123.1 |
| 6 | 0.449 | 0.08 | 121 |
| 7 | 0.406 | 0.043 | 65 |
| 8 | 0.37 | 0.087 | 9 |

## In these collections

- [Olive color palette](https://grabient.com/olive-color-palette)
- [Dark swatches](https://grabient.com/dark-swatches)

## Other forms

- [JSON](https://grabient.com/kcQgA8oBGyKWJwQvjdCOCHAbkdP6zj7lLx-5Q.json?style=linearSwatches&steps=8&angle=0)
- [PNG](https://grabient.com/kcQgA8oBGyKWJwQvjdCOCHAbkdP6zj7lLx-5Q.png?style=linearSwatches&steps=8&angle=0)
- [SVG](https://grabient.com/kcQgA8oBGyKWJwQvjdCOCHAbkdP6zj7lLx-5Q.svg?style=linearSwatches&steps=8&angle=0)
- [CSS](https://grabient.com/kcQgA8oBGyKWJwQvjdCOCHAbkdP6zj7lLx-5Q.css?style=linearSwatches&steps=8&angle=0)
- [ASE](https://grabient.com/kcQgA8oBGyKWJwQvjdCOCHAbkdP6zj7lLx-5Q.ase?style=linearSwatches&steps=8&angle=0)
- [GPL](https://grabient.com/kcQgA8oBGyKWJwQvjdCOCHAbkdP6zj7lLx-5Q.gpl?style=linearSwatches&steps=8&angle=0)
- [GRD](https://grabient.com/kcQgA8oBGyKWJwQvjdCOCHAbkdP6zj7lLx-5Q.grd?style=linearSwatches&steps=8&angle=0)
- [Design tokens](https://grabient.com/kcQgA8oBGyKWJwQvjdCOCHAbkdP6zj7lLx-5Q.tokens.json?style=linearSwatches&steps=8&angle=0)
- [Social card](https://grabient.com/api/og?seed=kcQgA8oBGyKWJwQvjdCOCHAbkdP6zj7lLx-5Q&style=linearSwatches&steps=8&angle=0)
- [Palettes like this one](https://grabient.com/palettes?q=kcQgA8oBGyKWJwQvjdCOCHAbkdP6zj7lLx-5Q)
- [Guide for agents](https://grabient.com/llms.txt)