# Monochrome lavender and purple linear swatches

Monochrome lavender and purple linear swatches with 13 colors: #d8b1e3, #d3a5e3, #cb95e2, #c082e1, #b572de, #a963da, #9c54d5, #8f46cf, #823bc9, #7533c0, #672fb7, #5a2cad, #522aa6. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUzjvi1L0_EJLvu1Qz6A`
- Page: https://grabient.com/kUzjvi1L0_EJLvu1Qz6A?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: light to dark, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#d8b1e3` | `oklch(81.10% 0.0813 318.52)` | Whisper of Plum | black, 11.3 to 1 |
| 2 | `#d3a5e3` | `oklch(78.48% 0.0980 317.21)` | Tropical Violet | black, 10.2 to 1 |
| 3 | `#cb95e2` | `oklch(74.73% 0.1222 315.35)` | Somewhere in a Fairytale | black, 8.9 to 1 |
| 4 | `#c082e1` | `oklch(70.52% 0.1477 313.22)` | Lavender Perceptions | black, 7.5 to 1 |
| 5 | `#b572de` | `oklch(66.54% 0.1681 311.12)` | Lavender | black, 6.4 to 1 |
| 6 | `#a963da` | `oklch(62.79% 0.1829 309.15)` | Violet Voltage | black, 5.4 to 1 |
| 7 | `#9c54d5` | `oklch(58.98% 0.1950 307.16)` | Morado Purple | black, 4.6 to 1 |
| 8 | `#8f46cf` | `oklch(55.31% 0.2036 305.03)` | Dreamscape Purple | white, 5.3 to 1 |
| 9 | `#823bc9` | `oklch(51.97% 0.2081 302.66)` | Purple Rain | white, 6.1 to 1 |
| 10 | `#7533c0` | `oklch(48.87% 0.2061 299.71)` | Sagat Purple | white, 7 to 1 |
| 11 | `#672fb7` | `oklch(45.94% 0.1989 296.32)` | Purple Emperor | white, 7.9 to 1 |
| 12 | `#5a2cad` | `oklch(43.47% 0.1903 293.20)` | Royalty | white, 8.7 to 1 |
| 13 | `#522aa6` | `oklch(41.73% 0.1846 291.04)` | Royalty | white, 9.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d8b1e3 0.000% 7.692%, #d3a5e3 7.692% 15.385%, #cb95e2 15.385% 23.077%, #c082e1 23.077% 30.769%, #b572de 30.769% 38.462%, #a963da 38.462% 46.154%, #9c54d5 46.154% 53.846%, #8f46cf 53.846% 61.538%, #823bc9 61.538% 69.231%, #7533c0 69.231% 76.923%, #672fb7 76.923% 84.615%, #5a2cad 84.615% 92.308%, #522aa6 92.308% 100.000%);
background: linear-gradient(90deg, oklch(81.10% 0.0813 318.52) 0.000% 7.692%, oklch(78.48% 0.0980 317.21) 7.692% 15.385%, oklch(74.73% 0.1222 315.35) 15.385% 23.077%, oklch(70.52% 0.1477 313.22) 23.077% 30.769%, oklch(66.54% 0.1681 311.12) 30.769% 38.462%, oklch(62.79% 0.1829 309.15) 38.462% 46.154%, oklch(58.98% 0.1950 307.16) 46.154% 53.846%, oklch(55.31% 0.2036 305.03) 53.846% 61.538%, oklch(51.97% 0.2081 302.66) 61.538% 69.231%, oklch(48.87% 0.2061 299.71) 69.231% 76.923%, oklch(45.94% 0.1989 296.32) 76.923% 84.615%, oklch(43.47% 0.1903 293.20) 84.615% 92.308%, oklch(41.73% 0.1846 291.04) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.811 | 0.081 | 318.5 |
| 2 | 0.665 | 0.168 | 311.1 |
| 3 | 0.52 | 0.208 | 302.7 |
| 4 | 0.417 | 0.185 | 291 |

## In these collections

- [Discord server banner gradients](https://grabient.com/discord-server-banner-gradients)

## Other forms

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