# Plum brown sage bands

Dark purple, brown and gray linear swatches with 13 colors: #2f1f38, #362234, #3e2931, #4d3334, #624139, #78513f, #8e6249, #a27457, #ae8668, #b3977d, #b0a78b, #a3b39f, #9eb7b1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Dark purple, brown and gray linear swatches
- Seed: `kYRSTeKQzGDqVRLNmkE2w_CuCKy-`
- Page: https://grabient.com/kYRSTeKQzGDqVRLNmkE2w_CuCKy-?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: dark to light, muted, warm
- Hues: two-hue
- Contrast of its darkest and lightest colors: 7.1 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 | `#2f1f38` | `oklch(27.17% 0.0496 312.19)` | Bleached Cedar | white, 15.2 to 1 |
| 2 | `#362234` | `oklch(28.50% 0.0424 330.68)` | Fat Tuesday | white, 14.6 to 1 |
| 3 | `#3e2931` | `oklch(30.87% 0.0349 355.41)` | Late Night Out | white, 13.4 to 1 |
| 4 | `#4d3334` | `oklch(35.09% 0.0378 15.52)` | Rhinox Hide | white, 11.4 to 1 |
| 5 | `#624139` | `oklch(41.06% 0.0494 33.36)` | American Milking Devon | white, 9 to 1 |
| 6 | `#78513f` | `oklch(47.28% 0.0595 46.00)` | Earth Fired Red | white, 6.8 to 1 |
| 7 | `#8e6249` | `oklch(53.74% 0.0680 50.47)` | Weathered Leather | white, 5.2 to 1 |
| 8 | `#a27457` | `oklch(59.92% 0.0720 53.46)` | Dodge Pole | black, 5.1 to 1 |
| 9 | `#ae8668` | `oklch(65.12% 0.0646 58.61)` | Chamois Leather | black, 6.4 to 1 |
| 10 | `#b3977d` | `oklch(69.54% 0.0499 66.33)` | Woodbridge Trail | black, 7.6 to 1 |
| 11 | `#b0a78b` | `oklch(72.79% 0.0394 91.50)` | Bland | black, 8.7 to 1 |
| 12 | `#a3b39f` | `oklch(74.81% 0.0329 140.35)` | Banksia | black, 9.4 to 1 |
| 13 | `#9eb7b1` | `oklch(75.98% 0.0289 179.39)` | Tropical Bay | black, 9.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #2f1f38 0.000% 7.692%, #362234 7.692% 15.385%, #3e2931 15.385% 23.077%, #4d3334 23.077% 30.769%, #624139 30.769% 38.462%, #78513f 38.462% 46.154%, #8e6249 46.154% 53.846%, #a27457 53.846% 61.538%, #ae8668 61.538% 69.231%, #b3977d 69.231% 76.923%, #b0a78b 76.923% 84.615%, #a3b39f 84.615% 92.308%, #9eb7b1 92.308% 100.000%);
background: linear-gradient(90deg, oklch(27.17% 0.0496 312.19) 0.000% 7.692%, oklch(28.50% 0.0424 330.68) 7.692% 15.385%, oklch(30.87% 0.0349 355.41) 15.385% 23.077%, oklch(35.09% 0.0378 15.52) 23.077% 30.769%, oklch(41.06% 0.0494 33.36) 30.769% 38.462%, oklch(47.28% 0.0595 46.00) 38.462% 46.154%, oklch(53.74% 0.0680 50.47) 46.154% 53.846%, oklch(59.92% 0.0720 53.46) 53.846% 61.538%, oklch(65.12% 0.0646 58.61) 61.538% 69.231%, oklch(69.54% 0.0499 66.33) 69.231% 76.923%, oklch(72.79% 0.0394 91.50) 76.923% 84.615%, oklch(74.81% 0.0329 140.35) 84.615% 92.308%, oklch(75.98% 0.0289 179.39) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.272 | 0.05 | 312.2 |
| 2 | 0.323 | 0.034 | 364 |
| 3 | 0.461 | 0.058 | 404.1 |
| 4 | 0.61 | 0.072 | 414.7 |
| 5 | 0.717 | 0.043 | 437.9 |
| 6 | 0.76 | 0.029 | 539.4 |

## In these collections

- [Muted multicolor swatches](https://grabient.com/muted-multicolor-swatches)

## Other forms

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