# Gray, pink, lavender and blue linear swatches

Gray, pink, lavender and blue linear swatches with 9 colors: #e8dbdc, #edc8cb, #edb1b9, #e2a2b8, #cb98bf, #9f97c5, #7891b1, #607998, #526386. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW5QsHaBm_94dO9SlDZv5ZBA`
- Page: https://grabient.com/kW5QsHaBm_94dO9SlDZv5ZBA?style=linearSwatches&steps=9
- Drawn as: linear swatches, 9 steps, 90 degrees
- Kinds: light to dark, pastel
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.4 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 | `#e8dbdc` | `oklch(90.16% 0.0152 9.84)` | Homoeopathic Rose | black, 15.5 to 1 |
| 2 | `#edc8cb` | `oklch(86.52% 0.0421 12.02)` | Pink Cardoon | black, 13.7 to 1 |
| 3 | `#edb1b9` | `oklch(81.89% 0.0703 9.84)` | Frozen Veins | black, 11.6 to 1 |
| 4 | `#e2a2b8` | `oklch(78.00% 0.0801 357.43)` | Blushing Tulip | black, 10.1 to 1 |
| 5 | `#cb98bf` | `oklch(74.02% 0.0799 334.97)` | Peach Buff | black, 8.7 to 1 |
| 6 | `#9f97c5` | `oklch(69.93% 0.0678 292.04)` | Majestic Violet | black, 7.7 to 1 |
| 7 | `#7891b1` | `oklch(64.96% 0.0551 254.66)` | Wink | black, 6.4 to 1 |
| 8 | `#607998` | `oklch(56.91% 0.0563 254.39)` | Rushing River | black, 4.6 to 1 |
| 9 | `#526386` | `oklch(50.00% 0.0606 264.17)` | Luxe Blue | white, 6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e8dbdc 0.000% 11.111%, #edc8cb 11.111% 22.222%, #edb1b9 22.222% 33.333%, #e2a2b8 33.333% 44.444%, #cb98bf 44.444% 55.556%, #9f97c5 55.556% 66.667%, #7891b1 66.667% 77.778%, #607998 77.778% 88.889%, #526386 88.889% 100.000%);
background: linear-gradient(90deg, oklch(90.16% 0.0152 9.84) 0.000% 11.111%, oklch(86.52% 0.0421 12.02) 11.111% 22.222%, oklch(81.89% 0.0703 9.84) 22.222% 33.333%, oklch(78.00% 0.0801 357.43) 33.333% 44.444%, oklch(74.02% 0.0799 334.97) 44.444% 55.556%, oklch(69.93% 0.0678 292.04) 55.556% 66.667%, oklch(64.96% 0.0551 254.66) 66.667% 77.778%, oklch(56.91% 0.0563 254.39) 77.778% 88.889%, oklch(50.00% 0.0606 264.17) 88.889% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.015 | 9.8 |
| 2 | 0.819 | 0.07 | 9.8 |
| 3 | 0.74 | 0.08 | -25 |
| 4 | 0.65 | 0.055 | -105.3 |
| 5 | 0.5 | 0.061 | -95.8 |

## In these collections

- [Dusty swatches](https://grabient.com/dusty-swatches)

## Other forms

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