# Vivid purple, pink and light blue radial gradient

Vivid purple, pink and light blue radial gradient with 32 colors: #151238, #221a47, #38245d, #562f75, #7a3b8b, #a0489e, #c455af, #df64c2, #ec74da, #e689fc, #c7adff, #b3c3ff, #a0d2ff, #80e0ff, #80e6ed, #8be5e0, #86e3de, #6fdbe7, #5bcaf8, #75afff, #998bff, #bb67e0, #ce4ab7, #d5389d, #d439a2, #cb4cc0, #b766e6, #9688ff, #73a8ff, #43c1ff, #36d2f0, #4cdbe2. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWNjPIW8VGW2frrNTtKaCuug`
- Page: https://grabient.com/kWNjPIW8VGW2frrNTtKaCuug?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, vivid
- Hues: two-hue
- Contrast of its darkest and lightest colors: 12.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 | `#151238` | `oklch(21.26% 0.0703 281.25)` | Spanish Roast | white, 17.8 to 1 |
| 2 | `#221a47` | `oklch(25.59% 0.0815 287.01)` | Azulado | white, 16 to 1 |
| 3 | `#38245d` | `oklch(31.66% 0.0982 296.26)` | Christalle | white, 13.3 to 1 |
| 4 | `#562f75` | `oklch(38.91% 0.1182 307.37)` | Foggy Amethyst | white, 10.1 to 1 |
| 5 | `#7a3b8b` | `oklch(46.76% 0.1393 318.68)` | Perkin Mauve | white, 7.4 to 1 |
| 6 | `#a0489e` | `oklch(54.67% 0.1592 328.58)` | Aged Purple | white, 5.3 to 1 |
| 7 | `#c455af` | `oklch(62.05% 0.1758 335.43)` | Mazzy Star | black, 5.2 to 1 |
| 8 | `#df64c2` | `oklch(68.36% 0.1869 337.58)` | Pink Charge | black, 6.7 to 1 |
| 9 | `#ec74da` | `oklch(73.08% 0.1901 333.30)` | Lián Hóng Lotus Pink | black, 8 to 1 |
| 10 | `#e689fc` | `oklch(76.84% 0.1836 319.64)` | Give Me Your Love | black, 9.3 to 1 |
| 11 | `#c7adff` | `oklch(80.03% 0.1165 298.34)` | Purple Hepatica | black, 10.8 to 1 |
| 12 | `#b3c3ff` | `oklch(82.61% 0.0865 272.62)` | Light Periwinkle | black, 12.1 to 1 |
| 13 | `#a0d2ff` | `oklch(84.57% 0.0817 245.74)` | Baby Blue | black, 13.2 to 1 |
| 14 | `#80e0ff` | `oklch(85.88% 0.1005 220.94)` | Tranquil Pool | black, 14 to 1 |
| 15 | `#80e6ed` | `oklch(86.53% 0.0955 201.47)` | Dead Sea | black, 14.4 to 1 |
| 16 | `#8be5e0` | `oklch(86.50% 0.0873 190.55)` | Aqua Fiesta | black, 14.4 to 1 |
| 17 | `#86e3de` | `oklch(85.60% 0.0890 191.50)` | Cold Blue | black, 14 to 1 |
| 18 | `#6fdbe7` | `oklch(83.06% 0.1006 205.30)` | Turquoise Sea | black, 12.9 to 1 |
| 19 | `#5bcaf8` | `oklch(79.26% 0.1193 228.38)` | Skyan | black, 11.2 to 1 |
| 20 | `#75afff` | `oklch(74.74% 0.1312 256.84)` | Fennel Flower | black, 9.3 to 1 |
| 21 | `#998bff` | `oklch(70.08% 0.1653 286.77)` | Lavender Blue Shadow | black, 7.5 to 1 |
| 22 | `#bb67e0` | `oklch(65.82% 0.1883 314.24)` | Lavender | black, 6.1 to 1 |
| 23 | `#ce4ab7` | `oklch(62.53% 0.2057 335.33)` | Zǐ Sè Purple | black, 5.2 to 1 |
| 24 | `#d5389d` | `oklch(60.77% 0.2155 346.13)` | Lustful Wishes | black, 4.8 to 1 |
| 25 | `#d439a2` | `oklch(60.93% 0.2155 343.95)` | Krameria | black, 4.9 to 1 |
| 26 | `#cb4cc0` | `oklch(62.68% 0.2079 331.30)` | Zǐ Sè Purple | black, 5.3 to 1 |
| 27 | `#b766e6` | `oklch(65.58% 0.1949 311.16)` | Lavender | black, 6 to 1 |
| 28 | `#9688ff` | `oklch(69.18% 0.1705 286.43)` | Lavender Blue Shadow | black, 7.2 to 1 |
| 29 | `#73a8ff` | `oklch(73.05% 0.1397 260.03)` | Fennel Flower | black, 8.7 to 1 |
| 30 | `#43c1ff` | `oklch(76.76% 0.1397 234.87)` | Shovel Knight | black, 10.2 to 1 |
| 31 | `#36d2f0` | `oklch(79.85% 0.1292 213.85)` | Picnic Day Sky | black, 11.6 to 1 |
| 32 | `#4cdbe2` | `oklch(81.89% 0.1199 199.88)` | Neon Nazar | black, 12.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #151238 0.0%, #221a47 3.2%, #38245d 6.5%, #562f75 9.7%, #7a3b8b 12.9%, #a0489e 16.1%, #c455af 19.4%, #df64c2 22.6%, #ec74da 25.8%, #e689fc 29.0%, #c7adff 32.3%, #b3c3ff 35.5%, #a0d2ff 38.7%, #80e0ff 41.9%, #80e6ed 45.2%, #8be5e0 48.4%, #86e3de 51.6%, #6fdbe7 54.8%, #5bcaf8 58.1%, #75afff 61.3%, #998bff 64.5%, #bb67e0 67.7%, #ce4ab7 71.0%, #d5389d 74.2%, #d439a2 77.4%, #cb4cc0 80.6%, #b766e6 83.9%, #9688ff 87.1%, #73a8ff 90.3%, #43c1ff 93.5%, #36d2f0 96.8%, #4cdbe2 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(21.26% 0.0703 281.25) 0.0%, oklch(25.59% 0.0815 287.01) 3.2%, oklch(31.66% 0.0982 296.26) 6.5%, oklch(38.91% 0.1182 307.37) 9.7%, oklch(46.76% 0.1393 318.68) 12.9%, oklch(54.67% 0.1592 328.58) 16.1%, oklch(62.05% 0.1758 335.43) 19.4%, oklch(68.36% 0.1869 337.58) 22.6%, oklch(73.08% 0.1901 333.30) 25.8%, oklch(76.84% 0.1836 319.64) 29.0%, oklch(80.03% 0.1165 298.34) 32.3%, oklch(82.61% 0.0865 272.62) 35.5%, oklch(84.57% 0.0817 245.74) 38.7%, oklch(85.88% 0.1005 220.94) 41.9%, oklch(86.53% 0.0955 201.47) 45.2%, oklch(86.50% 0.0873 190.55) 48.4%, oklch(85.60% 0.0890 191.50) 51.6%, oklch(83.06% 0.1006 205.30) 54.8%, oklch(79.26% 0.1193 228.38) 58.1%, oklch(74.74% 0.1312 256.84) 61.3%, oklch(70.08% 0.1653 286.77) 64.5%, oklch(65.82% 0.1883 314.24) 67.7%, oklch(62.53% 0.2057 335.33) 71.0%, oklch(60.77% 0.2155 346.13) 74.2%, oklch(60.93% 0.2155 343.95) 77.4%, oklch(62.68% 0.2079 331.30) 80.6%, oklch(65.58% 0.1949 311.16) 83.9%, oklch(69.18% 0.1705 286.43) 87.1%, oklch(73.05% 0.1397 260.03) 90.3%, oklch(76.76% 0.1397 234.87) 93.5%, oklch(79.85% 0.1292 213.85) 96.8%, oklch(81.89% 0.1199 199.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.213 | 0.07 | 281.3 |
| 2 | 0.72 | 0.19 | 335.1 |
| 3 | 0.862 | 0.087 | 189.3 |
| 4 | 0.606 | 0.216 | 346.8 |
| 5 | 0.819 | 0.12 | 199.9 |

## In these collections

- [Vaporwave color palette](https://grabient.com/vaporwave-color-palette)

## Other forms

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