# Lilac and powder blue gradient

Pastel duotone lavender to blue linear gradient with 7 colors: #d9aed9, #cdb5de, #c0bedd, #b9c4db, #b0cae0, #a1d2e3, #96d9e1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel duotone lavender to blue linear gradient
- Seed: `kSzDboaAy42sYuM`
- Page: https://grabient.com/kSzDboaAy42sYuM?angle=0
- Drawn as: linear gradient, 7 steps, 0 degrees
- Kinds: even lightness, pastel, light, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 1.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 | `#d9aed9` | `oklch(80.31% 0.0744 326.25)` | Whisper of Plum | black, 11 to 1 |
| 2 | `#cdb5de` | `oklch(80.69% 0.0613 310.63)` | Sea Lavender | black, 11.2 to 1 |
| 3 | `#c0bedd` | `oklch(81.25% 0.0438 288.32)` | Purple Dragon | black, 11.6 to 1 |
| 4 | `#b9c4db` | `oklch(81.89% 0.0344 266.02)` | Alley | black, 11.9 to 1 |
| 5 | `#b0cae0` | `oklch(82.71% 0.0413 243.71)` | Wind Blue | black, 12.3 to 1 |
| 6 | `#a1d2e3` | `oklch(83.61% 0.0562 221.40)` | Sea Rover | black, 12.8 to 1 |
| 7 | `#96d9e1` | `oklch(84.25% 0.0675 205.78)` | Exotic Escape | black, 13.2 to 1 |

## CSS

```css
background: linear-gradient(0deg, #d9aed9 0.0%, #cdb5de 16.7%, #c0bedd 33.3%, #b9c4db 50.0%, #b0cae0 66.7%, #a1d2e3 83.3%, #96d9e1 100.0%);
background: linear-gradient(0deg in oklch, oklch(80.31% 0.0744 326.25) 0.0%, oklch(80.69% 0.0613 310.63) 16.7%, oklch(81.25% 0.0438 288.32) 33.3%, oklch(81.89% 0.0344 266.02) 50.0%, oklch(82.71% 0.0413 243.71) 66.7%, oklch(83.61% 0.0562 221.40) 83.3%, oklch(84.25% 0.0675 205.78) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.803 | 0.074 | 326.3 |
| 2 | 0.819 | 0.034 | 266 |
| 3 | 0.843 | 0.068 | 205.8 |

## Other forms

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