# Pale mint lilac gradient

Pastel duotone blue to lavender linear gradient 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.

- Also called: Pastel duotone blue to lavender linear gradient
- Seed: `kU7yNy9gjC3OLS7zFMFA`
- Page: https://grabient.com/kU7yNy9gjC3OLS7zFMFA?steps=12
- Drawn as: linear gradient, 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.0%, #d2f4e3 9.1%, #d5f2e5 18.2%, #d7efe8 27.3%, #d7eceb 36.4%, #d5e9f0 45.5%, #d8e5f4 54.5%, #dde0f5 63.6%, #e1ddf6 72.7%, #e2dbfa 81.8%, #e3daff 90.9%, #e2d9ff 100.0%);
background: linear-gradient(90deg in oklch, oklch(94.09% 0.0482 161.02) 0.0%, oklch(93.88% 0.0424 163.86) 9.1%, oklch(93.57% 0.0340 167.83) 18.2%, oklch(93.19% 0.0263 176.01) 27.3%, oklch(92.76% 0.0228 191.86) 36.4%, oklch(92.19% 0.0228 219.61) 45.5%, oklch(91.58% 0.0251 251.84) 54.5%, oklch(91.07% 0.0288 278.64) 63.6%, oklch(90.77% 0.0343 292.26) 72.7%, oklch(90.64% 0.0424 296.53) 81.8%, oklch(90.59% 0.0507 296.32) 90.9%, oklch(90.55% 0.0517 296.28) 100.0%);
```

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