# Lilac Pool Spring Glow

Pastel tritone lavender, teal and blue radial gradient with 32 colors: #cebad8, #cabadb, #c6bbdd, #c0bbe0, #b8bce2, #b0bde3, #a6bfe3, #9dc0e2, #95c2df, #8dc3db, #87c4d7, #82c4d4, #7dc4d1, #77c4ce, #72c5cc, #6dc5c9, #67c5c7, #63c4c6, #5ec4c5, #5bc3c4, #59c2c4, #59c1c4, #5bbfc5, #5fbdc7, #64bac8, #6bb7ca, #73b4ca, #7ab1c9, #80aec8, #85acc6, #89aac4, #8ca8c3. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel tritone lavender, teal and blue radial gradient
- Seed: `kUzyLfY5k0t-jPXbkkWg`
- Page: https://grabient.com/kUzyLfY5k0t-jPXbkkWg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: even lightness, pastel, cool
- Hues: two-hue
- 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 | `#cebad8` | `oklch(81.50% 0.0469 313.59)` | Pussyfoot | black, 11.6 to 1 |
| 2 | `#cabadb` | `oklch(81.32% 0.0481 307.83)` | Sweet Lucid Dreams | black, 11.5 to 1 |
| 3 | `#c6bbdd` | `oklch(81.08% 0.0496 300.05)` | New Love | black, 11.5 to 1 |
| 4 | `#c0bbe0` | `oklch(80.81% 0.0515 290.72)` | Melrose | black, 11.4 to 1 |
| 5 | `#b8bce2` | `oklch(80.51% 0.0535 280.30)` | Wish | black, 11.3 to 1 |
| 6 | `#b0bde3` | `oklch(80.18% 0.0558 269.23)` | Wish | black, 11.2 to 1 |
| 7 | `#a6bfe3` | `oklch(79.83% 0.0581 258.00)` | Artesian Pool | black, 11.1 to 1 |
| 8 | `#9dc0e2` | `oklch(79.47% 0.0606 247.04)` | Blue Magpie | black, 11.1 to 1 |
| 9 | `#95c2df` | `oklch(79.12% 0.0631 236.83)` | January Frost | black, 11 to 1 |
| 10 | `#8dc3db` | `oklch(78.78% 0.0656 227.83)` | Boutonniere | black, 10.9 to 1 |
| 11 | `#87c4d7` | `oklch(78.45% 0.0681 220.48)` | Dolphin | black, 10.8 to 1 |
| 12 | `#82c4d4` | `oklch(78.14% 0.0707 214.90)` | Water Flow | black, 10.7 to 1 |
| 13 | `#7dc4d1` | `oklch(77.84% 0.0738 210.12)` | Wavelet | black, 10.7 to 1 |
| 14 | `#77c4ce` | `oklch(77.53% 0.0775 206.05)` | Twisted Blue | black, 10.6 to 1 |
| 15 | `#72c5cc` | `oklch(77.23% 0.0813 202.69)` | Twisted Blue | black, 10.5 to 1 |
| 16 | `#6dc5c9` | `oklch(76.92% 0.0851 200.02)` | Paradise Sky | black, 10.4 to 1 |
| 17 | `#67c5c7` | `oklch(76.62% 0.0888 198.02)` | Chinese Lacquer | black, 10.3 to 1 |
| 18 | `#63c4c6` | `oklch(76.31% 0.0919 196.70)` | Chinese Lacquer | black, 10.2 to 1 |
| 19 | `#5ec4c5` | `oklch(76.01% 0.0945 196.02)` | Rapids | black, 10.1 to 1 |
| 20 | `#5bc3c4` | `oklch(75.70% 0.0962 196.00)` | Gem Turquoise | black, 10 to 1 |
| 21 | `#59c2c4` | `oklch(75.40% 0.0968 196.60)` | Gem Turquoise | black, 9.9 to 1 |
| 22 | `#59c1c4` | `oklch(75.09% 0.0960 197.89)` | Gem Turquoise | black, 9.8 to 1 |
| 23 | `#5bbfc5` | `oklch(74.77% 0.0937 200.56)` | Gem Turquoise | black, 9.7 to 1 |
| 24 | `#5fbdc7` | `oklch(74.42% 0.0900 204.57)` | Faded Jeans | black, 9.5 to 1 |
| 25 | `#64bac8` | `oklch(74.07% 0.0852 209.58)` | Delusional Dragonfly | black, 9.4 to 1 |
| 26 | `#6bb7ca` | `oklch(73.72% 0.0797 215.29)` | Revelry Blue | black, 9.2 to 1 |
| 27 | `#73b4ca` | `oklch(73.37% 0.0738 221.36)` | Tidal Basin | black, 9 to 1 |
| 28 | `#7ab1c9` | `oklch(73.04% 0.0678 227.48)` | Frisky Blue | black, 8.9 to 1 |
| 29 | `#80aec8` | `oklch(72.73% 0.0620 233.32)` | Soul Blue | black, 8.8 to 1 |
| 30 | `#85acc6` | `oklch(72.46% 0.0568 238.56)` | Arabella | black, 8.6 to 1 |
| 31 | `#89aac4` | `oklch(72.23% 0.0526 242.88)` | Colorado Springs | black, 8.6 to 1 |
| 32 | `#8ca8c3` | `oklch(72.05% 0.0496 245.96)` | Dresden Doll | black, 8.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #cebad8 0.0%, #cabadb 3.2%, #c6bbdd 6.5%, #c0bbe0 9.7%, #b8bce2 12.9%, #b0bde3 16.1%, #a6bfe3 19.4%, #9dc0e2 22.6%, #95c2df 25.8%, #8dc3db 29.0%, #87c4d7 32.3%, #82c4d4 35.5%, #7dc4d1 38.7%, #77c4ce 41.9%, #72c5cc 45.2%, #6dc5c9 48.4%, #67c5c7 51.6%, #63c4c6 54.8%, #5ec4c5 58.1%, #5bc3c4 61.3%, #59c2c4 64.5%, #59c1c4 67.7%, #5bbfc5 71.0%, #5fbdc7 74.2%, #64bac8 77.4%, #6bb7ca 80.6%, #73b4ca 83.9%, #7ab1c9 87.1%, #80aec8 90.3%, #85acc6 93.5%, #89aac4 96.8%, #8ca8c3 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(81.50% 0.0469 313.59) 0.0%, oklch(81.32% 0.0481 307.83) 3.2%, oklch(81.08% 0.0496 300.05) 6.5%, oklch(80.81% 0.0515 290.72) 9.7%, oklch(80.51% 0.0535 280.30) 12.9%, oklch(80.18% 0.0558 269.23) 16.1%, oklch(79.83% 0.0581 258.00) 19.4%, oklch(79.47% 0.0606 247.04) 22.6%, oklch(79.12% 0.0631 236.83) 25.8%, oklch(78.78% 0.0656 227.83) 29.0%, oklch(78.45% 0.0681 220.48) 32.3%, oklch(78.14% 0.0707 214.90) 35.5%, oklch(77.84% 0.0738 210.12) 38.7%, oklch(77.53% 0.0775 206.05) 41.9%, oklch(77.23% 0.0813 202.69) 45.2%, oklch(76.92% 0.0851 200.02) 48.4%, oklch(76.62% 0.0888 198.02) 51.6%, oklch(76.31% 0.0919 196.70) 54.8%, oklch(76.01% 0.0945 196.02) 58.1%, oklch(75.70% 0.0962 196.00) 61.3%, oklch(75.40% 0.0968 196.60) 64.5%, oklch(75.09% 0.0960 197.89) 67.7%, oklch(74.77% 0.0937 200.56) 71.0%, oklch(74.42% 0.0900 204.57) 74.2%, oklch(74.07% 0.0852 209.58) 77.4%, oklch(73.72% 0.0797 215.29) 80.6%, oklch(73.37% 0.0738 221.36) 83.9%, oklch(73.04% 0.0678 227.48) 87.1%, oklch(72.73% 0.0620 233.32) 90.3%, oklch(72.46% 0.0568 238.56) 93.5%, oklch(72.23% 0.0526 242.88) 96.8%, oklch(72.05% 0.0496 245.96) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.815 | 0.047 | 313.6 |
| 2 | 0.783 | 0.069 | 218.5 |
| 3 | 0.752 | 0.096 | 197.4 |
| 4 | 0.72 | 0.05 | 246 |

## In these collections

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

## Other forms

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