# Pale blush, lilac and sky blue spring

The Pale blush, lilac and sky blue spring brings together pale red, light magenta, light blue, and light teal. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is light magenta, and its lightest tone is pale red.

- Also called: Pastel pink, lavender and blue linear gradient
- Seed: `kW6hj76pk_mChPRhmrtahE1o`
- Page: https://grabient.com/kW6hj76pk_mChPRhmrtahE1o?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: pastel, light
- Hues: wide
- Contrast of its darkest and lightest colors: 1.7 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 | `#f8dce7` | `oklch(92.13% 0.0331 353.67)` | Ranunculus White | black, 16.4 to 1 |
| 2 | `#f7d9e5` | `oklch(91.46% 0.0360 353.57)` | Lovely Breeze | black, 16 to 1 |
| 3 | `#f7d6e2` | `oklch(90.57% 0.0401 353.60)` | Pink Frosting | black, 15.6 to 1 |
| 4 | `#f6d1df` | `oklch(89.51% 0.0450 353.65)` | Summer Cosmos | black, 15 to 1 |
| 5 | `#f5ccdb` | `oklch(88.33% 0.0503 353.59)` | Pink Lace | black, 14.4 to 1 |
| 6 | `#f3c6d7` | `oklch(87.10% 0.0557 353.32)` | Utterly Pink | black, 13.8 to 1 |
| 7 | `#f2c1d4` | `oklch(85.86% 0.0610 352.71)` | Cherry Blossom | black, 13.3 to 1 |
| 8 | `#f0bcd1` | `oklch(84.68% 0.0658 351.66)` | Pink Chintz | black, 12.7 to 1 |
| 9 | `#edb7d0` | `oklch(83.59% 0.0698 350.04)` | Bunny Cake | black, 12.3 to 1 |
| 10 | `#ebb3ce` | `oklch(82.47% 0.0737 347.94)` | Sweet Lilac | black, 11.8 to 1 |
| 11 | `#e7aecd` | `oklch(81.28% 0.0775 345.43)` | Roses in the Snow | black, 11.3 to 1 |
| 12 | `#e4aacc` | `oklch(80.09% 0.0812 342.56)` | Pink Bliss | black, 10.8 to 1 |
| 13 | `#dfa6cc` | `oklch(78.93% 0.0845 339.36)` | Tiara Pink | black, 10.4 to 1 |
| 14 | `#dba2cc` | `oklch(77.87% 0.0873 335.88)` | Chateau Rose | black, 10 to 1 |
| 15 | `#d69fcd` | `oklch(76.96% 0.0894 332.15)` | Rose Garden | black, 9.7 to 1 |
| 16 | `#d29dcf` | `oklch(76.25% 0.0907 328.22)` | Velvet Horizon | black, 9.4 to 1 |
| 17 | `#ce9dd1` | `oklch(75.78% 0.0909 324.18)` | Velvet Horizon | black, 9.3 to 1 |
| 18 | `#c99dd3` | `oklch(75.50% 0.0901 320.28)` | Mauve Mist | black, 9.2 to 1 |
| 19 | `#c69ed5` | `oklch(75.39% 0.0884 316.35)` | Mauve Mist | black, 9.2 to 1 |
| 20 | `#c2a0d7` | `oklch(75.42% 0.0860 312.20)` | Enchanted Lavender | black, 9.2 to 1 |
| 21 | `#bea2d9` | `oklch(75.58% 0.0832 307.61)` | Enchanted Lavender | black, 9.3 to 1 |
| 22 | `#baa5db` | `oklch(75.85% 0.0800 302.37)` | Enchanted Lavender | black, 9.4 to 1 |
| 23 | `#b6a8de` | `oklch(76.22% 0.0768 296.26)` | Grape Illusion | black, 9.6 to 1 |
| 24 | `#b1ace0` | `oklch(76.65% 0.0738 289.08)` | Maximum Blue Purple | black, 9.8 to 1 |
| 25 | `#acb0e2` | `oklch(77.21% 0.0707 280.22)` | Maximum Blue Purple | black, 10 to 1 |
| 26 | `#a6b6e3` | `oklch(78.02% 0.0672 269.04)` | Teclis Blue | black, 10.4 to 1 |
| 27 | `#a1bde3` | `oklch(78.98% 0.0633 256.34)` | Blair | black, 10.8 to 1 |
| 28 | `#9dc3e2` | `oklch(80.03% 0.0593 243.00)` | Pale Cerulean | black, 11.3 to 1 |
| 29 | `#9dc9de` | `oklch(81.09% 0.0555 229.87)` | Piezo Blue | black, 11.8 to 1 |
| 30 | `#9fcddb` | `oklch(82.07% 0.0520 217.83)` | Regent St Blue | black, 12.2 to 1 |
| 31 | `#a2d0d7` | `oklch(82.89% 0.0490 207.73)` | Plume | black, 12.6 to 1 |
| 32 | `#a6d3d5` | `oklch(83.46% 0.0469 200.44)` | Iced Aqua | black, 12.8 to 1 |

## CSS

```css
background: linear-gradient(180deg, #f8dce7 0.0%, #f7d9e5 3.2%, #f7d6e2 6.5%, #f6d1df 9.7%, #f5ccdb 12.9%, #f3c6d7 16.1%, #f2c1d4 19.4%, #f0bcd1 22.6%, #edb7d0 25.8%, #ebb3ce 29.0%, #e7aecd 32.3%, #e4aacc 35.5%, #dfa6cc 38.7%, #dba2cc 41.9%, #d69fcd 45.2%, #d29dcf 48.4%, #ce9dd1 51.6%, #c99dd3 54.8%, #c69ed5 58.1%, #c2a0d7 61.3%, #bea2d9 64.5%, #baa5db 67.7%, #b6a8de 71.0%, #b1ace0 74.2%, #acb0e2 77.4%, #a6b6e3 80.6%, #a1bde3 83.9%, #9dc3e2 87.1%, #9dc9de 90.3%, #9fcddb 93.5%, #a2d0d7 96.8%, #a6d3d5 100.0%);
background: linear-gradient(180deg in oklch, oklch(92.13% 0.0331 353.67) 0.0%, oklch(91.46% 0.0360 353.57) 3.2%, oklch(90.57% 0.0401 353.60) 6.5%, oklch(89.51% 0.0450 353.65) 9.7%, oklch(88.33% 0.0503 353.59) 12.9%, oklch(87.10% 0.0557 353.32) 16.1%, oklch(85.86% 0.0610 352.71) 19.4%, oklch(84.68% 0.0658 351.66) 22.6%, oklch(83.59% 0.0698 350.04) 25.8%, oklch(82.47% 0.0737 347.94) 29.0%, oklch(81.28% 0.0775 345.43) 32.3%, oklch(80.09% 0.0812 342.56) 35.5%, oklch(78.93% 0.0845 339.36) 38.7%, oklch(77.87% 0.0873 335.88) 41.9%, oklch(76.96% 0.0894 332.15) 45.2%, oklch(76.25% 0.0907 328.22) 48.4%, oklch(75.78% 0.0909 324.18) 51.6%, oklch(75.50% 0.0901 320.28) 54.8%, oklch(75.39% 0.0884 316.35) 58.1%, oklch(75.42% 0.0860 312.20) 61.3%, oklch(75.58% 0.0832 307.61) 64.5%, oklch(75.85% 0.0800 302.37) 67.7%, oklch(76.22% 0.0768 296.26) 71.0%, oklch(76.65% 0.0738 289.08) 74.2%, oklch(77.21% 0.0707 280.22) 77.4%, oklch(78.02% 0.0672 269.04) 80.6%, oklch(78.98% 0.0633 256.34) 83.9%, oklch(80.03% 0.0593 243.00) 87.1%, oklch(81.09% 0.0555 229.87) 90.3%, oklch(82.07% 0.0520 217.83) 93.5%, oklch(82.89% 0.0490 207.73) 96.8%, oklch(83.46% 0.0469 200.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.033 | 353.7 |
| 2 | 0.839 | 0.069 | 350.5 |
| 3 | 0.76 | 0.091 | 326.2 |
| 4 | 0.768 | 0.073 | 287.1 |
| 5 | 0.835 | 0.047 | 200.4 |

## In these collections

- [Spring gradients](https://grabient.com/spring-gradients)

## Other forms

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