# Analogous purple, pink and light blue radial gradient

Analogous purple, pink and light blue radial gradient with 32 colors: #0f001e, #20052f, #3e1347, #672660, #933875, #ba4986, #d55493, #db56a0, #cf52b1, #b44cc0, #9247c7, #7342c7, #5e3fc2, #5e3dbc, #6c3cb2, #7f3ba3, #903d91, #9d4482, #a54c7b, #a85680, #ac6594, #ae77b0, #ac8bc9, #a69bd8, #9ea2db, #949ccf, #8485b4, #6e648d, #534161, #372038, #1e0818, #0d0006. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYIjPZUUBFjzFuDGrMd2pw3Q2QSE`
- Page: https://grabient.com/kYIjPZUUBFjzFuDGrMd2pw3Q2QSE?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.4 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 | `#0f001e` | `oklch(13.43% 0.0698 305.02)` | Space Grey | white, 20.2 to 1 |
| 2 | `#20052f` | `oklch(19.38% 0.0824 311.36)` | Coal Mine | white, 18.7 to 1 |
| 3 | `#3e1347` | `oklch(28.26% 0.0999 320.96)` | Velvet Cosmos | white, 15 to 1 |
| 4 | `#672660` | `oklch(38.54% 0.1203 331.93)` | Palatinate Purple | white, 10.4 to 1 |
| 5 | `#933875` | `oklch(48.76% 0.1411 342.25)` | Magenta Red | white, 6.8 to 1 |
| 6 | `#ba4986` | `oklch(57.45% 0.1600 349.90)` | Orchid Ecstasy | white, 4.7 to 1 |
| 7 | `#d55493` | `oklch(63.13% 0.1743 352.86)` | Crushed Berries | black, 5.5 to 1 |
| 8 | `#db56a0` | `oklch(64.78% 0.1834 348.86)` | Bit of Berry | black, 5.8 to 1 |
| 9 | `#cf52b1` | `oklch(63.24% 0.1899 338.10)` | Krameria | black, 5.4 to 1 |
| 10 | `#b44cc0` | `oklch(59.66% 0.1941 323.59)` | Ultraviolet Cryner | black, 4.7 to 1 |
| 11 | `#9247c7` | `oklch(55.20% 0.1960 308.37)` | Morado Purple | white, 5.3 to 1 |
| 12 | `#7342c7` | `oklch(50.97% 0.1956 295.49)` | Purple Rain | white, 6.3 to 1 |
| 13 | `#5e3fc2` | `oklch(48.13% 0.1931 288.00)` | Dragonlord Purple | white, 7 to 1 |
| 14 | `#5e3dbc` | `oklch(47.42% 0.1881 288.81)` | Dragonlord Purple | white, 7.2 to 1 |
| 15 | `#6c3cb2` | `oklch(47.77% 0.1791 297.76)` | Shredder Lavender | white, 7.2 to 1 |
| 16 | `#7f3ba3` | `oklch(48.84% 0.1674 311.63)` | Shiner | white, 6.8 to 1 |
| 17 | `#903d91` | `oklch(50.43% 0.1542 327.06)` | Dahlia | white, 6.4 to 1 |
| 18 | `#9d4482` | `oklch(52.33% 0.1408 340.73)` | Grape Riot | white, 5.8 to 1 |
| 19 | `#a54c7b` | `oklch(54.34% 0.1287 349.30)` | Our Little Secret | white, 5.3 to 1 |
| 20 | `#a85680` | `oklch(56.45% 0.1190 349.46)` | Guppy Violet | white, 4.8 to 1 |
| 21 | `#ac6594` | `oklch(60.04% 0.1105 340.52)` | Exotic Bloom | black, 5 to 1 |
| 22 | `#ae77b0` | `oklch(64.54% 0.1028 325.68)` | Moonlight Melody | black, 6 to 1 |
| 23 | `#ac8bc9` | `oklch(68.89% 0.0955 308.47)` | Creeping Bellflower | black, 7.2 to 1 |
| 24 | `#a69bd8` | `oklch(72.04% 0.0888 292.42)` | Biloba Flower | black, 8.2 to 1 |
| 25 | `#9ea2db` | `oklch(72.91% 0.0823 281.04)` | Dalmatian Sage | black, 8.6 to 1 |
| 26 | `#949ccf` | `oklch(70.43% 0.0759 277.83)` | Velvet Robe | black, 7.8 to 1 |
| 27 | `#8485b4` | `oklch(63.42% 0.0695 283.41)` | Aster Purple | black, 6 to 1 |
| 28 | `#6e648d` | `oklch(52.92% 0.0632 295.07)` | Posy Purple | white, 5.4 to 1 |
| 29 | `#534161` | `oklch(40.67% 0.0572 310.10)` | Royal Indigo | white, 9.1 to 1 |
| 30 | `#372038` | `oklch(28.39% 0.0519 325.82)` | Fat Tuesday | white, 14.7 to 1 |
| 31 | `#1e0818` | `oklch(17.80% 0.0474 339.51)` | Meški Black | white, 19 to 1 |
| 32 | `#0d0006` | `oklch(10.63% 0.0441 348.48)` | Glossy Black | white, 20.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #0f001e 0.0%, #20052f 3.2%, #3e1347 6.5%, #672660 9.7%, #933875 12.9%, #ba4986 16.1%, #d55493 19.4%, #db56a0 22.6%, #cf52b1 25.8%, #b44cc0 29.0%, #9247c7 32.3%, #7342c7 35.5%, #5e3fc2 38.7%, #5e3dbc 41.9%, #6c3cb2 45.2%, #7f3ba3 48.4%, #903d91 51.6%, #9d4482 54.8%, #a54c7b 58.1%, #a85680 61.3%, #ac6594 64.5%, #ae77b0 67.7%, #ac8bc9 71.0%, #a69bd8 74.2%, #9ea2db 77.4%, #949ccf 80.6%, #8485b4 83.9%, #6e648d 87.1%, #534161 90.3%, #372038 93.5%, #1e0818 96.8%, #0d0006 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(13.43% 0.0698 305.02) 0.0%, oklch(19.38% 0.0824 311.36) 3.2%, oklch(28.26% 0.0999 320.96) 6.5%, oklch(38.54% 0.1203 331.93) 9.7%, oklch(48.76% 0.1411 342.25) 12.9%, oklch(57.45% 0.1600 349.90) 16.1%, oklch(63.13% 0.1743 352.86) 19.4%, oklch(64.78% 0.1834 348.86) 22.6%, oklch(63.24% 0.1899 338.10) 25.8%, oklch(59.66% 0.1941 323.59) 29.0%, oklch(55.20% 0.1960 308.37) 32.3%, oklch(50.97% 0.1956 295.49) 35.5%, oklch(48.13% 0.1931 288.00) 38.7%, oklch(47.42% 0.1881 288.81) 41.9%, oklch(47.77% 0.1791 297.76) 45.2%, oklch(48.84% 0.1674 311.63) 48.4%, oklch(50.43% 0.1542 327.06) 51.6%, oklch(52.33% 0.1408 340.73) 54.8%, oklch(54.34% 0.1287 349.30) 58.1%, oklch(56.45% 0.1190 349.46) 61.3%, oklch(60.04% 0.1105 340.52) 64.5%, oklch(64.54% 0.1028 325.68) 67.7%, oklch(68.89% 0.0955 308.47) 71.0%, oklch(72.04% 0.0888 292.42) 74.2%, oklch(72.91% 0.0823 281.04) 77.4%, oklch(70.43% 0.0759 277.83) 80.6%, oklch(63.42% 0.0695 283.41) 83.9%, oklch(52.92% 0.0632 295.07) 87.1%, oklch(40.67% 0.0572 310.10) 90.3%, oklch(28.39% 0.0519 325.82) 93.5%, oklch(17.80% 0.0474 339.51) 96.8%, oklch(10.63% 0.0441 348.48) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.134 | 0.07 | 305.2 |
| 2 | 0.638 | 0.176 | 352.7 |
| 3 | 0.476 | 0.192 | 287.2 |
| 4 | 0.555 | 0.123 | 350.6 |
| 5 | 0.713 | 0.077 | 277.7 |
| 6 | 0.106 | 0.044 | 348.5 |

## In these collections

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

## Other forms

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