# Rust teal plum olive bands

Brown, gray, navy and dark green linear swatches with 13 colors: #583327, #544027, #494e36, #3e544a, #31505a, #3a3e61, #41345f, #4c3058, #5a3c3f, #5b4938, #545525, #445127, #3e4426. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, gray, navy and dark green linear swatches
- Seed: `kcXCobs47HzYMSYvlstLZxDLQLSy3msiL5G_4`
- Page: https://grabient.com/kcXCobs47HzYMSYvlstLZxDLQLSy3msiL5G_4?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: even lightness, muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 1.4 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 | `#583327` | `oklch(36.22% 0.0579 38.67)` | Wild Boar | white, 11 to 1 |
| 2 | `#544027` | `oklch(38.69% 0.0476 73.09)` | Beech Brown | white, 9.8 to 1 |
| 3 | `#494e36` | `oklch(41.10% 0.0378 117.78)` | Waiouru | white, 8.7 to 1 |
| 4 | `#3e544a` | `oklch(42.58% 0.0320 164.89)` | Moss Cottage | white, 8.1 to 1 |
| 5 | `#31505a` | `oklch(41.21% 0.0406 220.12)` | Aircraft Blue | white, 8.6 to 1 |
| 6 | `#3a3e61` | `oklch(37.73% 0.0600 277.13)` | Patriot Blue | white, 10.2 to 1 |
| 7 | `#41345f` | `oklch(35.97% 0.0743 296.59)` | Jakarta Skyline | white, 11.1 to 1 |
| 8 | `#4c3058` | `oklch(36.03% 0.0751 315.89)` | Scarlet Gum | white, 11.2 to 1 |
| 9 | `#5a3c3f` | `oklch(39.17% 0.0416 12.80)` | Ancient Prunus | white, 9.7 to 1 |
| 10 | `#5b4938` | `oklch(42.01% 0.0363 66.86)` | Mousy Brown | white, 8.5 to 1 |
| 11 | `#545525` | `oklch(43.79% 0.0688 110.60)` | Private Green | white, 7.7 to 1 |
| 12 | `#445127` | `oklch(41.40% 0.0662 123.45)` | Army Green | white, 8.5 to 1 |
| 13 | `#3e4426` | `oklch(37.40% 0.0482 118.28)` | Avocado Dark Green | white, 10.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #583327 0.000% 7.692%, #544027 7.692% 15.385%, #494e36 15.385% 23.077%, #3e544a 23.077% 30.769%, #31505a 30.769% 38.462%, #3a3e61 38.462% 46.154%, #41345f 46.154% 53.846%, #4c3058 53.846% 61.538%, #5a3c3f 61.538% 69.231%, #5b4938 69.231% 76.923%, #545525 76.923% 84.615%, #445127 84.615% 92.308%, #3e4426 92.308% 100.000%);
background: linear-gradient(90deg, oklch(36.22% 0.0579 38.67) 0.000% 7.692%, oklch(38.69% 0.0476 73.09) 7.692% 15.385%, oklch(41.10% 0.0378 117.78) 15.385% 23.077%, oklch(42.58% 0.0320 164.89) 23.077% 30.769%, oklch(41.21% 0.0406 220.12) 30.769% 38.462%, oklch(37.73% 0.0600 277.13) 38.462% 46.154%, oklch(35.97% 0.0743 296.59) 46.154% 53.846%, oklch(36.03% 0.0751 315.89) 53.846% 61.538%, oklch(39.17% 0.0416 12.80) 61.538% 69.231%, oklch(42.01% 0.0363 66.86) 69.231% 76.923%, oklch(43.79% 0.0688 110.60) 76.923% 84.615%, oklch(41.40% 0.0662 123.45) 84.615% 92.308%, oklch(37.40% 0.0482 118.28) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.362 | 0.058 | 38.7 |
| 2 | 0.406 | 0.04 | 105.2 |
| 3 | 0.425 | 0.033 | 186.6 |
| 4 | 0.374 | 0.062 | 282.8 |
| 5 | 0.358 | 0.077 | 310.3 |
| 6 | 0.409 | 0.03 | 405.4 |
| 7 | 0.437 | 0.073 | 478.3 |
| 8 | 0.374 | 0.048 | 478.3 |

## In these collections

- [Moody swatches](https://grabient.com/moody-swatches)

## Other forms

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