# Plum brown mauve bands

Seamless black, brown and gray linear swatches with 13 colors: #321d29, #35222d, #412d36, #5a403f, #735449, #896652, #937058, #92725b, #7f6a5a, #6a5955, #4f434b, #3c3140, #322338. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Seamless black, brown and gray linear swatches
- Seed: `kcQxv2pww_7cOxTFlEJSZPAsCKPwwCDZJA--Y`
- Page: https://grabient.com/kcQxv2pww_7cOxTFlEJSZPAsCKPwwCDZJA--Y?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: light center, muted, warm, seamless
- Hues: wide
- Contrast of its darkest and lightest colors: 3.5 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 | `#321d29` | `oklch(26.38% 0.0372 346.64)` | Delighted Chimp | white, 15.5 to 1 |
| 2 | `#35222d` | `oklch(28.10% 0.0342 343.49)` | Anubis Black | white, 14.7 to 1 |
| 3 | `#412d36` | `oklch(32.34% 0.0335 351.75)` | Barossa | white, 12.7 to 1 |
| 4 | `#5a403f` | `oklch(40.05% 0.0374 20.60)` | Divine Wine | white, 9.3 to 1 |
| 5 | `#735449` | `oklch(47.51% 0.0450 40.03)` | Terrace Brown | white, 6.8 to 1 |
| 6 | `#896652` | `oklch(54.07% 0.0544 49.99)` | Tanbark | white, 5.1 to 1 |
| 7 | `#937058` | `oklch(57.46% 0.0570 55.99)` | Cavern Sand | black, 4.7 to 1 |
| 8 | `#92725b` | `oklch(57.66% 0.0524 57.54)` | Arrow Creek | black, 4.7 to 1 |
| 9 | `#7f6a5a` | `oklch(53.97% 0.0357 58.50)` | Lye Tinted | white, 5.1 to 1 |
| 10 | `#6a5955` | `oklch(47.87% 0.0241 33.29)` | Hunting Boots | white, 6.6 to 1 |
| 11 | `#4f434b` | `oklch(39.82% 0.0212 339.12)` | Black Dahlia | white, 9.3 to 1 |
| 12 | `#3c3140` | `oklch(33.13% 0.0299 317.88)` | Wolf’s Bane | white, 12.3 to 1 |
| 13 | `#322338` | `oklch(28.35% 0.0427 315.99)` | Fat Tuesday | white, 14.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #321d29 0.000% 7.692%, #35222d 7.692% 15.385%, #412d36 15.385% 23.077%, #5a403f 23.077% 30.769%, #735449 30.769% 38.462%, #896652 38.462% 46.154%, #937058 46.154% 53.846%, #92725b 53.846% 61.538%, #7f6a5a 61.538% 69.231%, #6a5955 69.231% 76.923%, #4f434b 76.923% 84.615%, #3c3140 84.615% 92.308%, #322338 92.308% 100.000%);
background: linear-gradient(90deg, oklch(26.38% 0.0372 346.64) 0.000% 7.692%, oklch(28.10% 0.0342 343.49) 7.692% 15.385%, oklch(32.34% 0.0335 351.75) 15.385% 23.077%, oklch(40.05% 0.0374 20.60) 23.077% 30.769%, oklch(47.51% 0.0450 40.03) 30.769% 38.462%, oklch(54.07% 0.0544 49.99) 38.462% 46.154%, oklch(57.46% 0.0570 55.99) 46.154% 53.846%, oklch(57.66% 0.0524 57.54) 53.846% 61.538%, oklch(53.97% 0.0357 58.50) 61.538% 69.231%, oklch(47.87% 0.0241 33.29) 69.231% 76.923%, oklch(39.82% 0.0212 339.12) 76.923% 84.615%, oklch(33.13% 0.0299 317.88) 84.615% 92.308%, oklch(28.35% 0.0427 315.99) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.264 | 0.037 | 346.6 |
| 2 | 0.307 | 0.033 | 346.6 |
| 3 | 0.433 | 0.04 | 391 |
| 4 | 0.547 | 0.055 | 411.1 |
| 5 | 0.579 | 0.054 | 417.4 |
| 6 | 0.508 | 0.028 | 410 |
| 7 | 0.378 | 0.022 | 328.7 |
| 8 | 0.283 | 0.043 | 316 |

## In these collections

- [Dark muted gradients](https://grabient.com/dark-muted-gradients)

## Other forms

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