# Pastel lavender, pink and gray angular gradient

Pastel lavender, pink and gray angular gradient with 32 colors: #ce8bdd, #ce8cdb, #cf8cd9, #d18dd7, #d28dd4, #d38ed1, #d490cd, #d591ca, #d593c6, #d596c3, #d39ac0, #d29dbe, #d0a1bc, #cea5b9, #cca9b7, #cbacb4, #caafb2, #c9b2b0, #c7b5ae, #c5b8ae, #c3bbaf, #c0bdb1, #bebfb4, #bbc1b6, #b9c2b9, #b7c2bb, #b4c3be, #b1c3c1, #aec3c4, #acc3c8, #abc2ca, #abc1cd. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWumLj3qZBuKMw3mBc85YrLQ`
- Page: https://grabient.com/kWumLj3qZBuKMw3mBc85YrLQ?style=angularGradient&steps=32&angle=45
- Drawn as: angular gradient, 32 steps, 45 degrees
- Kinds: even lightness, pastel
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.3 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 | `#ce8bdd` | `oklch(73.23% 0.1350 319.92)` | Blush Essence | black, 8.3 to 1 |
| 2 | `#ce8cdb` | `oklch(73.31% 0.1329 321.00)` | Blush Essence | black, 8.3 to 1 |
| 3 | `#cf8cd9` | `oklch(73.40% 0.1304 322.32)` | Blush Essence | black, 8.4 to 1 |
| 4 | `#d18dd7` | `oklch(73.51% 0.1273 323.89)` | Blush Essence | black, 8.4 to 1 |
| 5 | `#d28dd4` | `oklch(73.64% 0.1238 325.71)` | Blush Essence | black, 8.5 to 1 |
| 6 | `#d38ed1` | `oklch(73.80% 0.1197 327.77)` | Somewhere in a Fairytale | black, 8.5 to 1 |
| 7 | `#d490cd` | `oklch(73.99% 0.1149 330.08)` | Carnation Rose | black, 8.6 to 1 |
| 8 | `#d591ca` | `oklch(74.21% 0.1094 332.64)` | Firm Pink | black, 8.7 to 1 |
| 9 | `#d593c6` | `oklch(74.48% 0.1030 335.40)` | Firm Pink | black, 8.8 to 1 |
| 10 | `#d596c3` | `oklch(74.81% 0.0951 337.57)` | Soft Fuchsia | black, 8.9 to 1 |
| 11 | `#d39ac0` | `oklch(75.19% 0.0857 339.25)` | Soft Fuchsia | black, 9.1 to 1 |
| 12 | `#d29dbe` | `oklch(75.61% 0.0755 341.01)` | Sweet Perfume | black, 9.3 to 1 |
| 13 | `#d0a1bc` | `oklch(76.05% 0.0650 343.37)` | Enhance | black, 9.5 to 1 |
| 14 | `#cea5b9` | `oklch(76.50% 0.0548 346.89)` | Fragrant Lilac | black, 9.7 to 1 |
| 15 | `#cca9b7` | `oklch(76.94% 0.0454 352.10)` | Fragrant Lilac | black, 9.9 to 1 |
| 16 | `#cbacb4` | `oklch(77.36% 0.0376 359.56)` | Scented Frill | black, 10 to 1 |
| 17 | `#caafb2` | `oklch(77.75% 0.0317 9.88)` | Izmir Pink | black, 10.2 to 1 |
| 18 | `#c9b2b0` | `oklch(78.16% 0.0270 23.50)` | Rosy Linen | black, 10.4 to 1 |
| 19 | `#c7b5ae` | `oklch(78.59% 0.0233 39.70)` | Grey Rose | black, 10.6 to 1 |
| 20 | `#c5b8ae` | `oklch(79.01% 0.0204 57.62)` | Froth | black, 10.8 to 1 |
| 21 | `#c3bbaf` | `oklch(79.40% 0.0183 76.41)` | Sequoia Fog | black, 10.9 to 1 |
| 22 | `#c0bdb1` | `oklch(79.76% 0.0168 95.22)` | Roycroft Mist Grey | black, 11.1 to 1 |
| 23 | `#bebfb4` | `oklch(80.05% 0.0158 113.21)` | Light Year | black, 11.2 to 1 |
| 24 | `#bbc1b6` | `oklch(80.27% 0.0153 129.52)` | Pumice | black, 11.3 to 1 |
| 25 | `#b9c2b9` | `oklch(80.40% 0.0152 144.24)` | Bog Fog | black, 11.4 to 1 |
| 26 | `#b7c2bb` | `oklch(80.43% 0.0163 159.06)` | Patina Creek | black, 11.4 to 1 |
| 27 | `#b4c3be` | `oklch(80.39% 0.0182 173.68)` | Mediterranean Dusk | black, 11.4 to 1 |
| 28 | `#b1c3c1` | `oklch(80.30% 0.0205 187.68)` | Jungle Mist | black, 11.4 to 1 |
| 29 | `#aec3c4` | `oklch(80.19% 0.0231 200.66)` | Dover Surf | black, 11.4 to 1 |
| 30 | `#acc3c8` | `oklch(80.07% 0.0255 212.22)` | Robin’s Pride | black, 11.3 to 1 |
| 31 | `#abc2ca` | `oklch(79.98% 0.0276 221.93)` | Robin’s Pride | black, 11.3 to 1 |
| 32 | `#abc1cd` | `oklch(79.92% 0.0289 229.39)` | Winter Sky | black, 11.2 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #ce8bdd 0.0%, #ce8cdb 3.2%, #cf8cd9 6.5%, #d18dd7 9.7%, #d28dd4 12.9%, #d38ed1 16.1%, #d490cd 19.4%, #d591ca 22.6%, #d593c6 25.8%, #d596c3 29.0%, #d39ac0 32.3%, #d29dbe 35.5%, #d0a1bc 38.7%, #cea5b9 41.9%, #cca9b7 45.2%, #cbacb4 48.4%, #caafb2 51.6%, #c9b2b0 54.8%, #c7b5ae 58.1%, #c5b8ae 61.3%, #c3bbaf 64.5%, #c0bdb1 67.7%, #bebfb4 71.0%, #bbc1b6 74.2%, #b9c2b9 77.4%, #b7c2bb 80.6%, #b4c3be 83.9%, #b1c3c1 87.1%, #aec3c4 90.3%, #acc3c8 93.5%, #abc2ca 96.8%, #abc1cd 100.0%);
background: conic-gradient(from 45deg in oklch, oklch(73.23% 0.1350 319.92) 0.0%, oklch(73.31% 0.1329 321.00) 3.2%, oklch(73.40% 0.1304 322.32) 6.5%, oklch(73.51% 0.1273 323.89) 9.7%, oklch(73.64% 0.1238 325.71) 12.9%, oklch(73.80% 0.1197 327.77) 16.1%, oklch(73.99% 0.1149 330.08) 19.4%, oklch(74.21% 0.1094 332.64) 22.6%, oklch(74.48% 0.1030 335.40) 25.8%, oklch(74.81% 0.0951 337.57) 29.0%, oklch(75.19% 0.0857 339.25) 32.3%, oklch(75.61% 0.0755 341.01) 35.5%, oklch(76.05% 0.0650 343.37) 38.7%, oklch(76.50% 0.0548 346.89) 41.9%, oklch(76.94% 0.0454 352.10) 45.2%, oklch(77.36% 0.0376 359.56) 48.4%, oklch(77.75% 0.0317 9.88) 51.6%, oklch(78.16% 0.0270 23.50) 54.8%, oklch(78.59% 0.0233 39.70) 58.1%, oklch(79.01% 0.0204 57.62) 61.3%, oklch(79.40% 0.0183 76.41) 64.5%, oklch(79.76% 0.0168 95.22) 67.7%, oklch(80.05% 0.0158 113.21) 71.0%, oklch(80.27% 0.0153 129.52) 74.2%, oklch(80.40% 0.0152 144.24) 77.4%, oklch(80.43% 0.0163 159.06) 80.6%, oklch(80.39% 0.0182 173.68) 83.9%, oklch(80.30% 0.0205 187.68) 87.1%, oklch(80.19% 0.0231 200.66) 90.3%, oklch(80.07% 0.0255 212.22) 93.5%, oklch(79.98% 0.0276 221.93) 96.8%, oklch(79.92% 0.0289 229.39) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.732 | 0.135 | 319.9 |
| 2 | 0.744 | 0.105 | 334.7 |
| 3 | 0.776 | 0.034 | 364.3 |
| 4 | 0.803 | 0.015 | 493.2 |
| 5 | 0.799 | 0.029 | 589.4 |

## In these collections

- [Light multicolor gradients](https://grabient.com/light-multicolor-gradients)

## Other forms

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