# Taupe magenta violet bands

Gray and purple linear swatches with 13 colors: #bc9e86, #be8e84, #b67b90, #ab6b9b, #a557a0, #9c45a5, #9235aa, #8927ab, #7e18ab, #740ba9, #6a00a5, #6100a0, #5b009b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray and purple linear swatches
- Seed: `kYtyQr0J-3EW7vW9Sz6tk6_DFKP0`
- Page: https://grabient.com/kYtyQr0J-3EW7vW9Sz6tk6_DFKP0?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: light to dark, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.3 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 | `#bc9e86` | `oklch(72.05% 0.0496 61.17)` | Rugby Tan | black, 8.3 to 1 |
| 2 | `#be8e84` | `oklch(69.05% 0.0604 32.50)` | Venetian Pink | black, 7.4 to 1 |
| 3 | `#b67b90` | `oklch(64.93% 0.0779 356.40)` | Foxglove | black, 6.2 to 1 |
| 4 | `#ab6b9b` | `oklch(61.17% 0.1041 336.82)` | Violetta | black, 5.2 to 1 |
| 5 | `#a557a0` | `oklch(57.47% 0.1393 329.27)` | Orchid Dottyback | white, 4.7 to 1 |
| 6 | `#9c45a5` | `oklch(54.09% 0.1688 323.75)` | Medium Purple | white, 5.5 to 1 |
| 7 | `#9235aa` | `oklch(51.18% 0.1896 318.87)` | Pleasant Purple | white, 6.3 to 1 |
| 8 | `#8927ab` | `oklch(48.54% 0.2044 315.18)` | Minesweeper’s Purple | white, 7.1 to 1 |
| 9 | `#7e18ab` | `oklch(46.05% 0.2132 311.66)` | Fuchsia Nebula | white, 8 to 1 |
| 10 | `#740ba9` | `oklch(43.76% 0.2163 308.67)` | Fuchsia Nebula | white, 8.8 to 1 |
| 11 | `#6a00a5` | `oklch(41.73% 0.2154 305.98)` | Indiviolet Sunset | white, 9.6 to 1 |
| 12 | `#6100a0` | `oklch(39.88% 0.2089 303.47)` | Indigo Purple | white, 10.4 to 1 |
| 13 | `#5b009b` | `oklch(38.58% 0.2039 301.76)` | Amarklor Violet | white, 10.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #bc9e86 0.000% 7.692%, #be8e84 7.692% 15.385%, #b67b90 15.385% 23.077%, #ab6b9b 23.077% 30.769%, #a557a0 30.769% 38.462%, #9c45a5 38.462% 46.154%, #9235aa 46.154% 53.846%, #8927ab 53.846% 61.538%, #7e18ab 61.538% 69.231%, #740ba9 69.231% 76.923%, #6a00a5 76.923% 84.615%, #6100a0 84.615% 92.308%, #5b009b 92.308% 100.000%);
background: linear-gradient(90deg, oklch(72.05% 0.0496 61.17) 0.000% 7.692%, oklch(69.05% 0.0604 32.50) 7.692% 15.385%, oklch(64.93% 0.0779 356.40) 15.385% 23.077%, oklch(61.17% 0.1041 336.82) 23.077% 30.769%, oklch(57.47% 0.1393 329.27) 30.769% 38.462%, oklch(54.09% 0.1688 323.75) 38.462% 46.154%, oklch(51.18% 0.1896 318.87) 46.154% 53.846%, oklch(48.54% 0.2044 315.18) 53.846% 61.538%, oklch(46.05% 0.2132 311.66) 61.538% 69.231%, oklch(43.76% 0.2163 308.67) 69.231% 76.923%, oklch(41.73% 0.2154 305.98) 76.923% 84.615%, oklch(39.88% 0.2089 303.47) 84.615% 92.308%, oklch(38.58% 0.2039 301.76) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.72 | 0.05 | 61.2 |
| 2 | 0.634 | 0.087 | -13.9 |
| 3 | 0.547 | 0.164 | -35 |
| 4 | 0.48 | 0.207 | -45.6 |
| 5 | 0.425 | 0.216 | -53 |
| 6 | 0.386 | 0.204 | -58.2 |

## In these collections

- [Violet swatches](https://grabient.com/violet-swatches)

## Other forms

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