# Color Palette: Pale periwinkle and pale lilac

Pastel analogous lavender to pink linear gradient with 32 colors: #c4bbf4, #c6bcf5, #cabdf7, #cdbef8, #d2bffa, #d6c0fc, #dbc1fe, #e0c3ff, #e4c5ff, #e9c6ff, #ecc7ff, #f0c9ff, #f4caff, #f7cbff, #fbccff, #fdcefe, #ffd0fc, #ffd3f9, #ffd5f7, #ffd7f5, #ffd7f3, #ffd7f1, #ffd6ef, #ffd4ed, #ffd0ea, #ffcde7, #ffc9e3, #ffc5e0, #ffc1dc, #ffbed9, #ffbbd6, #ffb9d4. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel analogous lavender to pink linear gradient
- Seed: `kU0DrP8CDCvUZwrtIMHA`
- Page: https://grabient.com/kU0DrP8CDCvUZwrtIMHA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: even lightness, pastel, light
- 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 | `#c4bbf4` | `oklch(81.89% 0.0799 291.80)` | Connecticut Lilac | black, 11.7 to 1 |
| 2 | `#c6bcf5` | `oklch(82.26% 0.0806 293.13)` | Connecticut Lilac | black, 11.8 to 1 |
| 3 | `#cabdf7` | `oklch(82.75% 0.0816 294.83)` | Connecticut Lilac | black, 12 to 1 |
| 4 | `#cdbef8` | `oklch(83.33% 0.0829 296.85)` | Connecticut Lilac | black, 12.3 to 1 |
| 5 | `#d2bffa` | `oklch(83.98% 0.0843 299.11)` | Lavender Tonic | black, 12.5 to 1 |
| 6 | `#d6c0fc` | `oklch(84.67% 0.0857 301.55)` | Lavender Fragrance | black, 12.8 to 1 |
| 7 | `#dbc1fe` | `oklch(85.39% 0.0871 304.11)` | Jane Purple | black, 13.1 to 1 |
| 8 | `#e0c3ff` | `oklch(86.11% 0.0875 306.73)` | Jane Purple | black, 13.4 to 1 |
| 9 | `#e4c5ff` | `oklch(86.80% 0.0862 309.34)` | Neon Boneyard | black, 13.7 to 1 |
| 10 | `#e9c6ff` | `oklch(87.45% 0.0852 311.88)` | Wisteria Powder | black, 13.9 to 1 |
| 11 | `#ecc7ff` | `oklch(88.02% 0.0847 314.29)` | Aquarelle Lilac | black, 14.2 to 1 |
| 12 | `#f0c9ff` | `oklch(88.53% 0.0845 316.57)` | Aquarelle Lilac | black, 14.4 to 1 |
| 13 | `#f4caff` | `oklch(89.07% 0.0843 318.88)` | Sparkling Lavender | black, 14.6 to 1 |
| 14 | `#f7cbff` | `oklch(89.63% 0.0842 321.23)` | Sassy Pink | black, 14.9 to 1 |
| 15 | `#fbccff` | `oklch(90.18% 0.0833 323.60)` | Sugar Chic | black, 15.2 to 1 |
| 16 | `#fdcefe` | `oklch(90.70% 0.0807 325.96)` | Sugar Chic | black, 15.4 to 1 |
| 17 | `#ffd0fc` | `oklch(91.17% 0.0770 328.29)` | Pink Diamond | black, 15.7 to 1 |
| 18 | `#ffd3f9` | `oklch(91.58% 0.0695 330.58)` | Pink Diamond | black, 15.9 to 1 |
| 19 | `#ffd5f7` | `oklch(91.89% 0.0637 332.81)` | Sweet Sachet | black, 16.1 to 1 |
| 20 | `#ffd7f5` | `oklch(92.10% 0.0594 334.96)` | Sweet Sachet | black, 16.2 to 1 |
| 21 | `#ffd7f3` | `oklch(92.16% 0.0568 336.99)` | Sweet Sachet | black, 16.3 to 1 |
| 22 | `#ffd7f1` | `oklch(92.07% 0.0556 338.92)` | Sweet Sachet | black, 16.2 to 1 |
| 23 | `#ffd6ef` | `oklch(91.77% 0.0562 340.81)` | Sweet Sachet | black, 16.1 to 1 |
| 24 | `#ffd4ed` | `oklch(91.27% 0.0583 342.68)` | Pink Currant | black, 15.8 to 1 |
| 25 | `#ffd0ea` | `oklch(90.63% 0.0614 344.51)` | Little Smile | black, 15.5 to 1 |
| 26 | `#ffcde7` | `oklch(89.89% 0.0652 346.27)` | Classic Rose | black, 15.1 to 1 |
| 27 | `#ffc9e3` | `oklch(89.09% 0.0695 347.94)` | Cherry Blush | black, 14.7 to 1 |
| 28 | `#ffc5e0` | `oklch(88.28% 0.0739 349.50)` | Sweet Romance | black, 14.3 to 1 |
| 29 | `#ffc1dc` | `oklch(87.50% 0.0781 350.92)` | Sweet Romance | black, 13.9 to 1 |
| 30 | `#ffbed9` | `oklch(86.80% 0.0820 352.18)` | Cotton Candy | black, 13.6 to 1 |
| 31 | `#ffbbd6` | `oklch(86.23% 0.0851 353.26)` | Cotton Candy | black, 13.3 to 1 |
| 32 | `#ffb9d4` | `oklch(85.83% 0.0872 354.14)` | Candy Bar | black, 13.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #c4bbf4 0.0%, #c6bcf5 3.2%, #cabdf7 6.5%, #cdbef8 9.7%, #d2bffa 12.9%, #d6c0fc 16.1%, #dbc1fe 19.4%, #e0c3ff 22.6%, #e4c5ff 25.8%, #e9c6ff 29.0%, #ecc7ff 32.3%, #f0c9ff 35.5%, #f4caff 38.7%, #f7cbff 41.9%, #fbccff 45.2%, #fdcefe 48.4%, #ffd0fc 51.6%, #ffd3f9 54.8%, #ffd5f7 58.1%, #ffd7f5 61.3%, #ffd7f3 64.5%, #ffd7f1 67.7%, #ffd6ef 71.0%, #ffd4ed 74.2%, #ffd0ea 77.4%, #ffcde7 80.6%, #ffc9e3 83.9%, #ffc5e0 87.1%, #ffc1dc 90.3%, #ffbed9 93.5%, #ffbbd6 96.8%, #ffb9d4 100.0%);
background: linear-gradient(90deg in oklch, oklch(81.89% 0.0799 291.80) 0.0%, oklch(82.26% 0.0806 293.13) 3.2%, oklch(82.75% 0.0816 294.83) 6.5%, oklch(83.33% 0.0829 296.85) 9.7%, oklch(83.98% 0.0843 299.11) 12.9%, oklch(84.67% 0.0857 301.55) 16.1%, oklch(85.39% 0.0871 304.11) 19.4%, oklch(86.11% 0.0875 306.73) 22.6%, oklch(86.80% 0.0862 309.34) 25.8%, oklch(87.45% 0.0852 311.88) 29.0%, oklch(88.02% 0.0847 314.29) 32.3%, oklch(88.53% 0.0845 316.57) 35.5%, oklch(89.07% 0.0843 318.88) 38.7%, oklch(89.63% 0.0842 321.23) 41.9%, oklch(90.18% 0.0833 323.60) 45.2%, oklch(90.70% 0.0807 325.96) 48.4%, oklch(91.17% 0.0770 328.29) 51.6%, oklch(91.58% 0.0695 330.58) 54.8%, oklch(91.89% 0.0637 332.81) 58.1%, oklch(92.10% 0.0594 334.96) 61.3%, oklch(92.16% 0.0568 336.99) 64.5%, oklch(92.07% 0.0556 338.92) 67.7%, oklch(91.77% 0.0562 340.81) 71.0%, oklch(91.27% 0.0583 342.68) 74.2%, oklch(90.63% 0.0614 344.51) 77.4%, oklch(89.89% 0.0652 346.27) 80.6%, oklch(89.09% 0.0695 347.94) 83.9%, oklch(88.28% 0.0739 349.50) 87.1%, oklch(87.50% 0.0781 350.92) 90.3%, oklch(86.80% 0.0820 352.18) 93.5%, oklch(86.23% 0.0851 353.26) 96.8%, oklch(85.83% 0.0872 354.14) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.08 | 291.8 |
| 2 | 0.882 | 0.09 | 315 |
| 3 | 0.921 | 0.07 | 338.3 |
| 4 | 0.858 | 0.09 | 354.1 |

## In these collections

- [Sunset gradients](https://grabient.com/sunset-gradients)
- [Purple and pink gradients](https://grabient.com/purple-and-pink-gradients)

## Other forms

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