# Gray, blue and lavender linear gradient

Gray, blue and lavender linear gradient with 32 colors: #c8c4c2, #c8c0bd, #c7bab5, #c5b3ac, #c3aca1, #c2a497, #c09d8e, #c09787, #c09184, #c18c86, #c2888e, #bf859a, #ba85a8, #b286b6, #a888c1, #9f8bc9, #988ccf, #948dd3, #928cd7, #938cda, #968bdd, #9a8ae0, #9e8ae2, #a28ce4, #a590e7, #aa95e9, #af9ceb, #b5a4ee, #bbacef, #c1b3f1, #c5b9f2, #c9bdf3. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW0QQbWRW_9Yis7Yrr_6Ru_4`
- Page: https://grabient.com/kW0QQbWRW_9Yis7Yrr_6Ru_4?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Hues: two-hue
- Contrast of its darkest and lightest colors: 1.7 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 | `#c8c4c2` | `oklch(82.28% 0.0055 37.97)` | Apollo | black, 12.1 to 1 |
| 2 | `#c8c0bd` | `oklch(81.23% 0.0099 38.72)` | Modest Silver | black, 11.6 to 1 |
| 3 | `#c7bab5` | `oklch(79.76% 0.0160 40.53)` | Rubidium | black, 11 to 1 |
| 4 | `#c5b3ac` | `oklch(77.99% 0.0232 42.72)` | Mauvette | black, 10.4 to 1 |
| 5 | `#c3aca1` | `oklch(76.09% 0.0312 44.64)` | Bamboo Beige | black, 9.7 to 1 |
| 6 | `#c2a497` | `oklch(74.18% 0.0393 45.62)` | Cosy Blanket | black, 9 to 1 |
| 7 | `#c09d8e` | `oklch(72.41% 0.0473 44.98)` | Earth Warming | black, 8.4 to 1 |
| 8 | `#c09787` | `oklch(70.92% 0.0545 42.06)` | Muddy Mire | black, 7.9 to 1 |
| 9 | `#c09184` | `oklch(69.85% 0.0607 36.14)` | Revival Rose | black, 7.6 to 1 |
| 10 | `#c18c86` | `oklch(69.09% 0.0661 26.01)` | Grand Sunset | black, 7.3 to 1 |
| 11 | `#c2888e` | `oklch(68.54% 0.0710 12.38)` | Prophetess | black, 7.1 to 1 |
| 12 | `#bf859a` | `oklch(68.17% 0.0757 356.57)` | Mauvey Nude | black, 7 to 1 |
| 13 | `#ba85a8` | `oklch(67.94% 0.0801 339.94)` | Sunset Horizon | black, 6.9 to 1 |
| 14 | `#b286b6` | `oklch(67.81% 0.0844 323.80)` | African Violet | black, 6.9 to 1 |
| 15 | `#a888c1` | `oklch(67.75% 0.0886 309.50)` | Classic Bouquet | black, 6.9 to 1 |
| 16 | `#9f8bc9` | `oklch(67.73% 0.0929 298.37)` | Petrified Purple | black, 6.9 to 1 |
| 17 | `#988ccf` | `oklch(67.70% 0.0975 291.48)` | Adora | black, 7 to 1 |
| 18 | `#948dd3` | `oklch(67.66% 0.1029 287.89)` | Adora | black, 7 to 1 |
| 19 | `#928cd7` | `oklch(67.64% 0.1090 286.74)` | Adora | black, 6.9 to 1 |
| 20 | `#938cda` | `oklch(67.69% 0.1150 287.37)` | Perrywinkle | black, 6.9 to 1 |
| 21 | `#968bdd` | `oklch(67.86% 0.1205 289.12)` | Perrywinkle | black, 7 to 1 |
| 22 | `#9a8ae0` | `oklch(68.18% 0.1249 291.31)` | Perrywinkle | black, 7 to 1 |
| 23 | `#9e8ae2` | `oklch(68.69% 0.1277 293.28)` | Perrywinkle | black, 7.1 to 1 |
| 24 | `#a28ce4` | `oklch(69.45% 0.1284 294.35)` | Middy’s Purple | black, 7.3 to 1 |
| 25 | `#a590e7` | `oklch(70.56% 0.1262 294.41)` | Dreamy Candy Forest | black, 7.7 to 1 |
| 26 | `#aa95e9` | `oklch(72.13% 0.1211 294.41)` | Dull Lavender | black, 8.1 to 1 |
| 27 | `#af9ceb` | `oklch(74.01% 0.1138 294.41)` | Dull Lavender | black, 8.8 to 1 |
| 28 | `#b5a4ee` | `oklch(76.05% 0.1052 294.41)` | Shy Moment | black, 9.5 to 1 |
| 29 | `#bbacef` | `oklch(78.09% 0.0962 294.41)` | Purple Sand | black, 10.2 to 1 |
| 30 | `#c1b3f1` | `oklch(79.97% 0.0877 294.41)` | Purple Sand | black, 10.9 to 1 |
| 31 | `#c5b9f2` | `oklch(81.56% 0.0806 294.41)` | Connecticut Lilac | black, 11.6 to 1 |
| 32 | `#c9bdf3` | `oklch(82.68% 0.0758 294.41)` | Connecticut Lilac | black, 12 to 1 |

## CSS

```css
background: linear-gradient(180deg, #c8c4c2 0.0%, #c8c0bd 3.2%, #c7bab5 6.5%, #c5b3ac 9.7%, #c3aca1 12.9%, #c2a497 16.1%, #c09d8e 19.4%, #c09787 22.6%, #c09184 25.8%, #c18c86 29.0%, #c2888e 32.3%, #bf859a 35.5%, #ba85a8 38.7%, #b286b6 41.9%, #a888c1 45.2%, #9f8bc9 48.4%, #988ccf 51.6%, #948dd3 54.8%, #928cd7 58.1%, #938cda 61.3%, #968bdd 64.5%, #9a8ae0 67.7%, #9e8ae2 71.0%, #a28ce4 74.2%, #a590e7 77.4%, #aa95e9 80.6%, #af9ceb 83.9%, #b5a4ee 87.1%, #bbacef 90.3%, #c1b3f1 93.5%, #c5b9f2 96.8%, #c9bdf3 100.0%);
background: linear-gradient(180deg in oklch, oklch(82.28% 0.0055 37.97) 0.0%, oklch(81.23% 0.0099 38.72) 3.2%, oklch(79.76% 0.0160 40.53) 6.5%, oklch(77.99% 0.0232 42.72) 9.7%, oklch(76.09% 0.0312 44.64) 12.9%, oklch(74.18% 0.0393 45.62) 16.1%, oklch(72.41% 0.0473 44.98) 19.4%, oklch(70.92% 0.0545 42.06) 22.6%, oklch(69.85% 0.0607 36.14) 25.8%, oklch(69.09% 0.0661 26.01) 29.0%, oklch(68.54% 0.0710 12.38) 32.3%, oklch(68.17% 0.0757 356.57) 35.5%, oklch(67.94% 0.0801 339.94) 38.7%, oklch(67.81% 0.0844 323.80) 41.9%, oklch(67.75% 0.0886 309.50) 45.2%, oklch(67.73% 0.0929 298.37) 48.4%, oklch(67.70% 0.0975 291.48) 51.6%, oklch(67.66% 0.1029 287.89) 54.8%, oklch(67.64% 0.1090 286.74) 58.1%, oklch(67.69% 0.1150 287.37) 61.3%, oklch(67.86% 0.1205 289.12) 64.5%, oklch(68.18% 0.1249 291.31) 67.7%, oklch(68.69% 0.1277 293.28) 71.0%, oklch(69.45% 0.1284 294.35) 74.2%, oklch(70.56% 0.1262 294.41) 77.4%, oklch(72.13% 0.1211 294.41) 80.6%, oklch(74.01% 0.1138 294.41) 83.9%, oklch(76.05% 0.1052 294.41) 87.1%, oklch(78.09% 0.0962 294.41) 90.3%, oklch(79.97% 0.0877 294.41) 93.5%, oklch(81.56% 0.0806 294.41) 96.8%, oklch(82.68% 0.0758 294.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.823 | 0.006 | 38 |
| 2 | 0.701 | 0.059 | 38 |
| 3 | 0.677 | 0.095 | -65.6 |
| 4 | 0.697 | 0.128 | -65.6 |
| 5 | 0.827 | 0.076 | -65.6 |

## In these collections

- [Zoom background gradients](https://grabient.com/zoom-background-gradients)
- [Pastel gradients](https://grabient.com/pastel-gradients)

## Other forms

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