# Plum gray tan bands

Dark purple, gray and tan linear swatches with 13 colors: #291935, #35253c, #453646, #544852, #62565f, #6f636c, #7d7077, #8b7b7f, #978684, #a28f86, #af9784, #bb9e7c, #c2a375. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Dark purple, gray and tan linear swatches
- Seed: `kWPyjctQjCccHwVUiceXRpDg`
- Page: https://grabient.com/kWPyjctQjCccHwVUiceXRpDg?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: dark to light, neutral, warm
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 6.8 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 | `#291935` | `oklch(24.80% 0.0551 310.08)` | Blackcurrant | white, 16.3 to 1 |
| 2 | `#35253c` | `oklch(29.29% 0.0458 315.91)` | Kokimurasaki Purple | white, 14.2 to 1 |
| 3 | `#453646` | `oklch(35.67% 0.0330 324.09)` | Wineshade | white, 11.1 to 1 |
| 4 | `#544852` | `oklch(41.73% 0.0234 331.21)` | Napa Harvest | white, 8.6 to 1 |
| 5 | `#62565f` | `oklch(46.79% 0.0201 333.84)` | Indulgent | white, 6.9 to 1 |
| 6 | `#6f636c` | `oklch(51.55% 0.0199 335.40)` | Vintage Grape | white, 5.6 to 1 |
| 7 | `#7d7077` | `oklch(55.91% 0.0207 342.84)` | Enigmatic | white, 4.7 to 1 |
| 8 | `#8b7b7f` | `oklch(59.86% 0.0204 1.66)` | Ashen Violet | black, 5.2 to 1 |
| 9 | `#978684` | `oklch(63.41% 0.0211 26.36)` | Rising Ash | black, 6 to 1 |
| 10 | `#a28f86` | `oklch(66.54% 0.0262 47.30)` | Tanglewood | black, 6.8 to 1 |
| 11 | `#af9784` | `oklch(69.31% 0.0401 61.15)` | Mexican Sand | black, 7.5 to 1 |
| 12 | `#bb9e7c` | `oklch(71.64% 0.0584 71.25)` | French Oak | black, 8.2 to 1 |
| 13 | `#c2a375` | `oklch(73.23% 0.0717 77.95)` | Apple Sauce Cake | black, 8.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #291935 0.000% 7.692%, #35253c 7.692% 15.385%, #453646 15.385% 23.077%, #544852 23.077% 30.769%, #62565f 30.769% 38.462%, #6f636c 38.462% 46.154%, #7d7077 46.154% 53.846%, #8b7b7f 53.846% 61.538%, #978684 61.538% 69.231%, #a28f86 69.231% 76.923%, #af9784 76.923% 84.615%, #bb9e7c 84.615% 92.308%, #c2a375 92.308% 100.000%);
background: linear-gradient(90deg, oklch(24.80% 0.0551 310.08) 0.000% 7.692%, oklch(29.29% 0.0458 315.91) 7.692% 15.385%, oklch(35.67% 0.0330 324.09) 15.385% 23.077%, oklch(41.73% 0.0234 331.21) 23.077% 30.769%, oklch(46.79% 0.0201 333.84) 30.769% 38.462%, oklch(51.55% 0.0199 335.40) 38.462% 46.154%, oklch(55.91% 0.0207 342.84) 46.154% 53.846%, oklch(59.86% 0.0204 1.66) 53.846% 61.538%, oklch(63.41% 0.0211 26.36) 61.538% 69.231%, oklch(66.54% 0.0262 47.30) 69.231% 76.923%, oklch(69.31% 0.0401 61.15) 76.923% 84.615%, oklch(71.64% 0.0584 71.25) 84.615% 92.308%, oklch(73.23% 0.0717 77.95) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.248 | 0.055 | 310.1 |
| 2 | 0.417 | 0.023 | 331.2 |
| 3 | 0.559 | 0.021 | 342.8 |
| 4 | 0.665 | 0.026 | 407.3 |
| 5 | 0.732 | 0.072 | 437.9 |

## In these collections

- [Charcoal plum tailoring](https://grabient.com/charcoal-plum-tailoring)

## Other forms

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