# Plum lilac mist bands

Muted purple and lavender linear swatches with 13 colors: #70487e, #744c82, #795188, #80578f, #885d96, #8f649d, #966aa4, #9c70ab, #a278b2, #a97fb9, #af85c0, #b48bc5, #b88fc9. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Muted purple and lavender linear swatches
- Seed: `kSd0bhSyRAFoiP6`
- Page: https://grabient.com/kSd0bhSyRAFoiP6?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: muted, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2.6 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 | `#70487e` | `oklch(46.85% 0.0965 316.41)` | Plum Jam | white, 7.2 to 1 |
| 2 | `#744c82` | `oklch(48.18% 0.0969 316.56)` | Lilac Violet | white, 6.8 to 1 |
| 3 | `#795188` | `oklch(50.03% 0.0975 316.80)` | Cleopatra’s Gown | white, 6.2 to 1 |
| 4 | `#80578f` | `oklch(52.21% 0.0982 317.07)` | Purple Tanzanite | white, 5.7 to 1 |
| 5 | `#885d96` | `oklch(54.56% 0.0988 317.31)` | Wisteria Purple | white, 5.1 to 1 |
| 6 | `#8f649d` | `oklch(56.90% 0.0992 317.46)` | Aster Violetta | white, 4.6 to 1 |
| 7 | `#966aa4` | `oklch(59.06% 0.0992 317.46)` | Allium | black, 4.8 to 1 |
| 8 | `#9c70ab` | `oklch(61.18% 0.0987 317.27)` | Dark Lilac | black, 5.3 to 1 |
| 9 | `#a278b2` | `oklch(63.46% 0.0978 316.92)` | Bell Heather | black, 5.8 to 1 |
| 10 | `#a97fb9` | `oklch(65.72% 0.0966 316.47)` | Berries Galore | black, 6.4 to 1 |
| 11 | `#af85c0` | `oklch(67.82% 0.0954 316.01)` | African Violet | black, 6.9 to 1 |
| 12 | `#b48bc5` | `oklch(69.59% 0.0944 315.62)` | Creeping Bellflower | black, 7.4 to 1 |
| 13 | `#b88fc9` | `oklch(70.87% 0.0937 315.35)` | Cut Velvet | black, 7.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #70487e 0.000% 7.692%, #744c82 7.692% 15.385%, #795188 15.385% 23.077%, #80578f 23.077% 30.769%, #885d96 30.769% 38.462%, #8f649d 38.462% 46.154%, #966aa4 46.154% 53.846%, #9c70ab 53.846% 61.538%, #a278b2 61.538% 69.231%, #a97fb9 69.231% 76.923%, #af85c0 76.923% 84.615%, #b48bc5 84.615% 92.308%, #b88fc9 92.308% 100.000%);
background: linear-gradient(90deg, oklch(46.85% 0.0965 316.41) 0.000% 7.692%, oklch(48.18% 0.0969 316.56) 7.692% 15.385%, oklch(50.03% 0.0975 316.80) 15.385% 23.077%, oklch(52.21% 0.0982 317.07) 23.077% 30.769%, oklch(54.56% 0.0988 317.31) 30.769% 38.462%, oklch(56.90% 0.0992 317.46) 38.462% 46.154%, oklch(59.06% 0.0992 317.46) 46.154% 53.846%, oklch(61.18% 0.0987 317.27) 53.846% 61.538%, oklch(63.46% 0.0978 316.92) 61.538% 69.231%, oklch(65.72% 0.0966 316.47) 69.231% 76.923%, oklch(67.82% 0.0954 316.01) 76.923% 84.615%, oklch(69.59% 0.0944 315.62) 84.615% 92.308%, oklch(70.87% 0.0937 315.35) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.469 | 0.096 | 316.4 |
| 2 | 0.591 | 0.099 | 317.5 |
| 3 | 0.709 | 0.094 | 315.3 |

## In these collections

- [Purple swatches](https://grabient.com/purple-swatches)

## Other forms

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