# Muted monochrome purple to lavender linear gradient

Muted monochrome purple to lavender linear gradient with 7 colors: #70487e, #795188, #885d96, #966aa4, #a278b2, #af85c0, #b88fc9. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSd0bhSyRAFoiP6`
- Page: https://grabient.com/kSd0bhSyRAFoiP6
- Drawn as: linear gradient, 7 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 | `#795188` | `oklch(50.03% 0.0975 316.80)` | Cleopatra’s Gown | white, 6.2 to 1 |
| 3 | `#885d96` | `oklch(54.56% 0.0988 317.31)` | Wisteria Purple | white, 5.1 to 1 |
| 4 | `#966aa4` | `oklch(59.06% 0.0992 317.46)` | Allium | black, 4.8 to 1 |
| 5 | `#a278b2` | `oklch(63.46% 0.0978 316.92)` | Bell Heather | black, 5.8 to 1 |
| 6 | `#af85c0` | `oklch(67.82% 0.0954 316.01)` | African Violet | black, 6.9 to 1 |
| 7 | `#b88fc9` | `oklch(70.87% 0.0937 315.35)` | Cut Velvet | black, 7.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #70487e 0.0%, #795188 16.7%, #885d96 33.3%, #966aa4 50.0%, #a278b2 66.7%, #af85c0 83.3%, #b88fc9 100.0%);
background: linear-gradient(90deg in oklch, oklch(46.85% 0.0965 316.41) 0.0%, oklch(50.03% 0.0975 316.80) 16.7%, oklch(54.56% 0.0988 317.31) 33.3%, oklch(59.06% 0.0992 317.46) 50.0%, oklch(63.46% 0.0978 316.92) 66.7%, oklch(67.82% 0.0954 316.01) 83.3%, oklch(70.87% 0.0937 315.35) 100.0%);
```

## 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)
- [PNG](https://grabient.com/kSd0bhSyRAFoiP6.png)
- [SVG](https://grabient.com/kSd0bhSyRAFoiP6.svg)
- [CSS](https://grabient.com/kSd0bhSyRAFoiP6.css)
- [ASE](https://grabient.com/kSd0bhSyRAFoiP6.ase)
- [GPL](https://grabient.com/kSd0bhSyRAFoiP6.gpl)
- [GRD](https://grabient.com/kSd0bhSyRAFoiP6.grd)
- [Design tokens](https://grabient.com/kSd0bhSyRAFoiP6.tokens.json)
- [Social card](https://grabient.com/api/og?seed=kSd0bhSyRAFoiP6)
- [Palettes like this one](https://grabient.com/palettes?q=kSd0bhSyRAFoiP6)
- [Guide for agents](https://grabient.com/llms.txt)