# Monochrome gray and lavender linear swatches

Monochrome gray and lavender linear swatches with 13 colors: #776e85, #7b718a, #807591, #867a99, #8c7fa2, #9384ab, #9988b3, #9e8dba, #a492c2, #aa96ca, #af9ad1, #b49ed7, #b7a1db. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSjRrX05e_18fP-`
- Page: https://grabient.com/kSjRrX05e_18fP-?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 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 | `#776e85` | `oklch(55.51% 0.0358 303.05)` | Ritual | white, 4.8 to 1 |
| 2 | `#7b718a` | `oklch(56.64% 0.0391 302.92)` | Dancing in the Spring | white, 4.5 to 1 |
| 3 | `#807591` | `oklch(58.21% 0.0436 302.73)` | Kinlock | black, 4.8 to 1 |
| 4 | `#867a99` | `oklch(60.06% 0.0490 302.52)` | Relic | black, 5.2 to 1 |
| 5 | `#8c7fa2` | `oklch(62.04% 0.0547 302.30)` | Violet Chalk | black, 5.6 to 1 |
| 6 | `#9384ab` | `oklch(63.99% 0.0601 302.12)` | Purple Phantom | black, 6.1 to 1 |
| 7 | `#9988b3` | `oklch(65.75% 0.0648 301.99)` | Flirty Pink | black, 6.5 to 1 |
| 8 | `#9e8dba` | `oklch(67.43% 0.0689 301.93)` | Kismet | black, 6.9 to 1 |
| 9 | `#a492c2` | `oklch(69.19% 0.0730 301.91)` | Lilac Breeze | black, 7.4 to 1 |
| 10 | `#aa96ca` | `oklch(70.92% 0.0769 301.92)` | Gorgeous Hydrangea | black, 7.9 to 1 |
| 11 | `#af9ad1` | `oklch(72.50% 0.0804 301.95)` | Biloba Flower | black, 8.4 to 1 |
| 12 | `#b49ed7` | `oklch(73.83% 0.0833 301.98)` | Violet Velvet | black, 8.8 to 1 |
| 13 | `#b7a1db` | `oklch(74.80% 0.0854 301.99)` | Purple Premiere | black, 9.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #776e85 0.000% 7.692%, #7b718a 7.692% 15.385%, #807591 15.385% 23.077%, #867a99 23.077% 30.769%, #8c7fa2 30.769% 38.462%, #9384ab 38.462% 46.154%, #9988b3 46.154% 53.846%, #9e8dba 53.846% 61.538%, #a492c2 61.538% 69.231%, #aa96ca 69.231% 76.923%, #af9ad1 76.923% 84.615%, #b49ed7 84.615% 92.308%, #b7a1db 92.308% 100.000%);
background: linear-gradient(90deg, oklch(55.51% 0.0358 303.05) 0.000% 7.692%, oklch(56.64% 0.0391 302.92) 7.692% 15.385%, oklch(58.21% 0.0436 302.73) 15.385% 23.077%, oklch(60.06% 0.0490 302.52) 23.077% 30.769%, oklch(62.04% 0.0547 302.30) 30.769% 38.462%, oklch(63.99% 0.0601 302.12) 38.462% 46.154%, oklch(65.75% 0.0648 301.99) 46.154% 53.846%, oklch(67.43% 0.0689 301.93) 53.846% 61.538%, oklch(69.19% 0.0730 301.91) 61.538% 69.231%, oklch(70.92% 0.0769 301.92) 69.231% 76.923%, oklch(72.50% 0.0804 301.95) 76.923% 84.615%, oklch(73.83% 0.0833 301.98) 84.615% 92.308%, oklch(74.80% 0.0854 301.99) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.555 | 0.036 | 303 |
| 2 | 0.657 | 0.065 | 302 |
| 3 | 0.748 | 0.085 | 302 |

## In these collections

- [Violet swatches](https://grabient.com/violet-swatches)
- [Purple swatches](https://grabient.com/purple-swatches)
- [Y2K swatches](https://grabient.com/y2k-swatches)

## Other forms

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