# Pastel blue, gray and lavender linear swatches

Pastel blue, gray and lavender linear swatches with 12 colors: #d0f6e1, #d2f4e3, #d5f2e5, #d7efe8, #d7eceb, #d5e9f0, #d8e5f4, #dde0f5, #e1ddf6, #e2dbfa, #e3daff, #e2d9ff. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU7yNy9gjC3OLS7zFMFA`
- Page: https://grabient.com/kU7yNy9gjC3OLS7zFMFA?style=linearSwatches&steps=12
- Drawn as: linear swatches, 12 steps, 90 degrees
- Kinds: even lightness, pastel, light, cool
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 1.1 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 | `#d0f6e1` | `oklch(94.09% 0.0482 161.02)` | Cactus Water | black, 17.9 to 1 |
| 2 | `#d2f4e3` | `oklch(93.88% 0.0424 163.86)` | Cactus Water | black, 17.8 to 1 |
| 3 | `#d5f2e5` | `oklch(93.57% 0.0340 167.83)` | Minty Fresh | black, 17.6 to 1 |
| 4 | `#d7efe8` | `oklch(93.19% 0.0263 176.01)` | Light Spirited | black, 17.3 to 1 |
| 5 | `#d7eceb` | `oklch(92.76% 0.0228 191.86)` | Water Squirt | black, 17.1 to 1 |
| 6 | `#d5e9f0` | `oklch(92.19% 0.0228 219.61)` | Spacious Skies | black, 16.7 to 1 |
| 7 | `#d8e5f4` | `oklch(91.58% 0.0251 251.84)` | Snowdrift Glow | black, 16.3 to 1 |
| 8 | `#dde0f5` | `oklch(91.07% 0.0288 278.64)` | Lower Lavender | black, 16 to 1 |
| 9 | `#e1ddf6` | `oklch(90.77% 0.0343 292.26)` | Nostalgia Perfume | black, 15.8 to 1 |
| 10 | `#e2dbfa` | `oklch(90.64% 0.0424 296.53)` | Transparent Blue | black, 15.7 to 1 |
| 11 | `#e3daff` | `oklch(90.59% 0.0507 296.32)` | Transparent Blue | black, 15.6 to 1 |
| 12 | `#e2d9ff` | `oklch(90.55% 0.0517 296.28)` | Transparent Blue | black, 15.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d0f6e1 0.000% 8.333%, #d2f4e3 8.333% 16.667%, #d5f2e5 16.667% 25.000%, #d7efe8 25.000% 33.333%, #d7eceb 33.333% 41.667%, #d5e9f0 41.667% 50.000%, #d8e5f4 50.000% 58.333%, #dde0f5 58.333% 66.667%, #e1ddf6 66.667% 75.000%, #e2dbfa 75.000% 83.333%, #e3daff 83.333% 91.667%, #e2d9ff 91.667% 100.000%);
background: linear-gradient(90deg, oklch(94.09% 0.0482 161.02) 0.000% 8.333%, oklch(93.88% 0.0424 163.86) 8.333% 16.667%, oklch(93.57% 0.0340 167.83) 16.667% 25.000%, oklch(93.19% 0.0263 176.01) 25.000% 33.333%, oklch(92.76% 0.0228 191.86) 33.333% 41.667%, oklch(92.19% 0.0228 219.61) 41.667% 50.000%, oklch(91.58% 0.0251 251.84) 50.000% 58.333%, oklch(91.07% 0.0288 278.64) 58.333% 66.667%, oklch(90.77% 0.0343 292.26) 66.667% 75.000%, oklch(90.64% 0.0424 296.53) 75.000% 83.333%, oklch(90.59% 0.0507 296.32) 83.333% 91.667%, oklch(90.55% 0.0517 296.28) 91.667% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.048 | 161 |
| 2 | 0.929 | 0.023 | 185.3 |
| 3 | 0.909 | 0.03 | 284.7 |
| 4 | 0.906 | 0.056 | 296.3 |

## In these collections

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

## Other forms

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