# Light blue, pink, blue and purple radial gradient

Light blue, pink, blue and purple radial gradient with 32 colors: #a0e9fd, #aae2ff, #b8d9ff, #c5ceff, #d5beff, #e2aeef, #e2a0da, #d390cc, #b57cc0, #8d68b4, #6358a7, #3c4d97, #1d4a8c, #154f8d, #2d619d, #517cb6, #7899d3, #9bb4ec, #b3c7fc, #b7cbfd, #abc2ef, #94b0d7, #7999bb, #5e819f, #486c88, #3a5d7a, #345274, #344771, #393c6e, #413369, #472a63, #4a235d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY4ziaYyhNjSrtvrm0FvBa9CsmSC`
- Page: https://grabient.com/kY4ziaYyhNjSrtvrm0FvBa9CsmSC?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: cool
- Hues: wide
- Contrast of its darkest and lightest colors: 9.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 | `#a0e9fd` | `oklch(89.37% 0.0772 216.56)` | Fresh Air | black, 15.6 to 1 |
| 2 | `#aae2ff` | `oklch(88.45% 0.0699 230.68)` | Frozen Landscape | black, 15 to 1 |
| 3 | `#b8d9ff` | `oklch(87.42% 0.0635 251.93)` | Oh Boy! | black, 14.4 to 1 |
| 4 | `#c5ceff` | `oklch(86.10% 0.0687 276.43)` | Lavender Blue | black, 13.6 to 1 |
| 5 | `#d5beff` | `oklch(84.33% 0.0917 300.33)` | Lavender Fragrance | black, 12.6 to 1 |
| 6 | `#e2aeef` | `oklch(81.92% 0.1048 319.75)` | Candy Dreams | black, 11.5 to 1 |
| 7 | `#e2a0da` | `oklch(78.71% 0.1095 330.86)` | Plum Juice | black, 10.2 to 1 |
| 8 | `#d390cc` | `oklch(73.88% 0.1130 330.65)` | Carnation Rose | black, 8.6 to 1 |
| 9 | `#b57cc0` | `oklch(66.77% 0.1164 320.99)` | Colombo Red Mauve | black, 6.5 to 1 |
| 10 | `#8d68b4` | `oklch(58.66% 0.1193 305.41)` | Lavish Spending | black, 4.7 to 1 |
| 11 | `#6358a7` | `oklch(50.86% 0.1212 287.44)` | Yuè Guāng Lán Moonlight | white, 6 to 1 |
| 12 | `#3c4d97` | `oklch(44.70% 0.1219 270.61)` | Deep Ultramarine | white, 7.7 to 1 |
| 13 | `#1d4a8c` | `oklch(41.49% 0.1209 258.44)` | Olympian Blue | white, 8.7 to 1 |
| 14 | `#154f8d` | `oklch(42.72% 0.1175 253.54)` | Turkish Sea | white, 8.2 to 1 |
| 15 | `#2d619d` | `oklch(48.83% 0.1112 253.54)` | Zydeco Blue | white, 6.3 to 1 |
| 16 | `#517cb6` | `oklch(57.97% 0.1030 256.59)` | Woad Blue | black, 4.8 to 1 |
| 17 | `#7899d3` | `oklch(68.11% 0.0940 261.11)` | Ice Blue | black, 7.2 to 1 |
| 18 | `#9bb4ec` | `oklch(77.23% 0.0852 265.50)` | Wondrous Wisteria | black, 10.1 to 1 |
| 19 | `#b3c7fc` | `oklch(83.30% 0.0777 268.20)` | Night Snow | black, 12.4 to 1 |
| 20 | `#b7cbfd` | `oklch(84.46% 0.0726 267.64)` | Night Snow | black, 12.9 to 1 |
| 21 | `#abc2ef` | `oklch(81.19% 0.0683 263.50)` | Sky High | black, 11.6 to 1 |
| 22 | `#94b0d7` | `oklch(74.93% 0.0647 257.31)` | Blue Skies Today | black, 9.4 to 1 |
| 23 | `#7999bb` | `oklch(67.02% 0.0620 250.70)` | Eiger Nordwand | black, 7 to 1 |
| 24 | `#5e819f` | `oklch(58.76% 0.0606 245.32)` | Greyish Blue | black, 5 to 1 |
| 25 | `#486c88` | `oklch(51.48% 0.0607 242.84)` | Wedgewood | white, 5.5 to 1 |
| 26 | `#3a5d7a` | `oklch(46.44% 0.0626 244.90)` | China Pattern | white, 6.9 to 1 |
| 27 | `#345274` | `oklch(42.94% 0.0675 252.67)` | Aerostatics | white, 8.1 to 1 |
| 28 | `#344771` | `oklch(40.18% 0.0748 264.67)` | Hydrogen Blue | white, 9.2 to 1 |
| 29 | `#393c6e` | `oklch(38.02% 0.0835 278.85)` | American Blue | white, 10.2 to 1 |
| 30 | `#413369` | `oklch(36.34% 0.0922 293.13)` | Minsk | white, 11 to 1 |
| 31 | `#472a63` | `oklch(35.00% 0.0997 305.46)` | Violet Indigo | white, 11.8 to 1 |
| 32 | `#4a235d` | `oklch(33.86% 0.1047 313.78)` | Wonka Purple | white, 12.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #a0e9fd 0.0%, #aae2ff 3.2%, #b8d9ff 6.5%, #c5ceff 9.7%, #d5beff 12.9%, #e2aeef 16.1%, #e2a0da 19.4%, #d390cc 22.6%, #b57cc0 25.8%, #8d68b4 29.0%, #6358a7 32.3%, #3c4d97 35.5%, #1d4a8c 38.7%, #154f8d 41.9%, #2d619d 45.2%, #517cb6 48.4%, #7899d3 51.6%, #9bb4ec 54.8%, #b3c7fc 58.1%, #b7cbfd 61.3%, #abc2ef 64.5%, #94b0d7 67.7%, #7999bb 71.0%, #5e819f 74.2%, #486c88 77.4%, #3a5d7a 80.6%, #345274 83.9%, #344771 87.1%, #393c6e 90.3%, #413369 93.5%, #472a63 96.8%, #4a235d 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(89.37% 0.0772 216.56) 0.0%, oklch(88.45% 0.0699 230.68) 3.2%, oklch(87.42% 0.0635 251.93) 6.5%, oklch(86.10% 0.0687 276.43) 9.7%, oklch(84.33% 0.0917 300.33) 12.9%, oklch(81.92% 0.1048 319.75) 16.1%, oklch(78.71% 0.1095 330.86) 19.4%, oklch(73.88% 0.1130 330.65) 22.6%, oklch(66.77% 0.1164 320.99) 25.8%, oklch(58.66% 0.1193 305.41) 29.0%, oklch(50.86% 0.1212 287.44) 32.3%, oklch(44.70% 0.1219 270.61) 35.5%, oklch(41.49% 0.1209 258.44) 38.7%, oklch(42.72% 0.1175 253.54) 41.9%, oklch(48.83% 0.1112 253.54) 45.2%, oklch(57.97% 0.1030 256.59) 48.4%, oklch(68.11% 0.0940 261.11) 51.6%, oklch(77.23% 0.0852 265.50) 54.8%, oklch(83.30% 0.0777 268.20) 58.1%, oklch(84.46% 0.0726 267.64) 61.3%, oklch(81.19% 0.0683 263.50) 64.5%, oklch(74.93% 0.0647 257.31) 67.7%, oklch(67.02% 0.0620 250.70) 71.0%, oklch(58.76% 0.0606 245.32) 74.2%, oklch(51.48% 0.0607 242.84) 77.4%, oklch(46.44% 0.0626 244.90) 80.6%, oklch(42.94% 0.0675 252.67) 83.9%, oklch(40.18% 0.0748 264.67) 87.1%, oklch(38.02% 0.0835 278.85) 90.3%, oklch(36.34% 0.0922 293.13) 93.5%, oklch(35.00% 0.0997 305.46) 96.8%, oklch(33.86% 0.1047 313.78) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.894 | 0.077 | 216.6 |
| 2 | 0.78 | 0.11 | 331.7 |
| 3 | 0.413 | 0.12 | 255.7 |
| 4 | 0.846 | 0.074 | 268.3 |
| 5 | 0.472 | 0.062 | 244 |
| 6 | 0.339 | 0.105 | 313.8 |

## Other forms

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