# Seamless navy, purple and pink radial gradient

Seamless navy, purple and pink radial gradient with 40 colors: #000a2a, #010d31, #050f39, #0c1343, #16174e, #211a5a, #2e1e67, #3d2273, #4d257f, #5e288a, #712b93, #832d9a, #962e9f, #a82fa3, #b930a4, #c930a4, #d630a4, #e130a2, #e830a1, #ec30a1, #ed30a1, #e930a2, #e230a3, #d830a5, #cb30a6, #bc30a7, #ac30a6, #9a2fa3, #872e9f, #752c98, #622a90, #512786, #41247b, #32206f, #251d63, #191957, #0f164c, #061342, #02103a, #000e33. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSKTO5UddKhcdNU`
- Page: https://grabient.com/kSKTO5UddKhcdNU?style=radialGradient&steps=40
- Drawn as: radial gradient, 40 steps, 90 degrees
- Kinds: light center, vivid, seamless
- Hues: wide
- Contrast of its darkest and lightest colors: 5.1 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 | `#000a2a` | `oklch(16.18% 0.0688 260.74)` | Mysterious Depths | white, 19.4 to 1 |
| 2 | `#010d31` | `oklch(17.61% 0.0755 262.91)` | Infinite Night | white, 19 to 1 |
| 3 | `#050f39` | `oklch(19.53% 0.0822 266.51)` | Infinite Night | white, 18.4 to 1 |
| 4 | `#0c1343` | `oklch(21.83% 0.0903 270.83)` | Deadly Depths | white, 17.6 to 1 |
| 5 | `#16174e` | `oklch(24.46% 0.0996 275.77)` | Tetsu-Kon Blue | white, 16.6 to 1 |
| 6 | `#211a5a` | `oklch(27.35% 0.1098 281.21)` | Praise of Shadow | white, 15.3 to 1 |
| 7 | `#2e1e67` | `oklch(30.46% 0.1207 287.06)` | Indie Go | white, 14 to 1 |
| 8 | `#3d2273` | `oklch(33.73% 0.1322 293.20)` | Explorer of the Galaxies | white, 12.5 to 1 |
| 9 | `#4d257f` | `oklch(37.09% 0.1441 299.51)` | Spanish Violet | white, 11.1 to 1 |
| 10 | `#5e288a` | `oklch(40.49% 0.1560 305.91)` | Purplex | white, 9.7 to 1 |
| 11 | `#712b93` | `oklch(43.88% 0.1680 312.26)` | Orb of Discord | white, 8.5 to 1 |
| 12 | `#832d9a` | `oklch(47.19% 0.1796 318.47)` | Druchii Violet | white, 7.4 to 1 |
| 13 | `#962e9f` | `oklch(50.37% 0.1908 324.43)` | Purple Ink | white, 6.5 to 1 |
| 14 | `#a82fa3` | `oklch(53.35% 0.2014 330.02)` | Purple Tone Ink | white, 5.8 to 1 |
| 15 | `#b930a4` | `oklch(56.09% 0.2111 335.14)` | Byzantine | white, 5.2 to 1 |
| 16 | `#c930a4` | `oklch(58.53% 0.2197 339.68)` | Perfectly Purple Place | white, 4.7 to 1 |
| 17 | `#d630a4` | `oklch(60.60% 0.2270 343.52)` | Melodramatic Magenta | black, 4.8 to 1 |
| 18 | `#e130a2` | `oklch(62.26% 0.2329 346.57)` | Pink Bite | black, 5.1 to 1 |
| 19 | `#e830a1` | `oklch(63.43% 0.2371 348.71)` | Pink Bite | black, 5.3 to 1 |
| 20 | `#ec30a1` | `oklch(64.07% 0.2394 349.83)` | Pink Bite | black, 5.5 to 1 |
| 21 | `#ed30a1` | `oklch(64.12% 0.2396 349.83)` | Pink Bite | black, 5.5 to 1 |
| 22 | `#e930a2` | `oklch(63.59% 0.2378 348.71)` | Pink Bite | black, 5.4 to 1 |
| 23 | `#e230a3` | `oklch(62.52% 0.2342 346.57)` | Pink Bite | black, 5.1 to 1 |
| 24 | `#d830a5` | `oklch(60.98% 0.2289 343.52)` | Melodramatic Magenta | black, 4.8 to 1 |
| 25 | `#cb30a6` | `oklch(59.02% 0.2221 339.68)` | Perfectly Purple Place | white, 4.6 to 1 |
| 26 | `#bc30a7` | `oklch(56.71% 0.2141 335.14)` | San Francisco Pink | white, 5 to 1 |
| 27 | `#ac30a6` | `oklch(54.08% 0.2050 330.02)` | Ultra Violet Lentz | white, 5.6 to 1 |
| 28 | `#9a2fa3` | `oklch(51.21% 0.1950 324.43)` | Purple Ink | white, 6.3 to 1 |
| 29 | `#872e9f` | `oklch(48.15% 0.1844 318.47)` | Leviathan Purple | white, 7.1 to 1 |
| 30 | `#752c98` | `oklch(44.96% 0.1733 312.26)` | Skeletor’s Cape | white, 8.1 to 1 |
| 31 | `#622a90` | `oklch(41.68% 0.1619 305.91)` | Queens of the Dead | white, 9.3 to 1 |
| 32 | `#512786` | `oklch(38.39% 0.1504 299.51)` | KSU Purple | white, 10.5 to 1 |
| 33 | `#41247b` | `oklch(35.13% 0.1391 293.20)` | Clear Purple | white, 11.9 to 1 |
| 34 | `#32206f` | `oklch(31.97% 0.1281 287.06)` | Deep Space Rodeo | white, 13.3 to 1 |
| 35 | `#251d63` | `oklch(28.96% 0.1176 281.21)` | Intergalactic Cowboy | white, 14.6 to 1 |
| 36 | `#191957` | `oklch(26.15% 0.1079 275.77)` | Tetsu-Kon Blue | white, 15.8 to 1 |
| 37 | `#0f164c` | `oklch(23.60% 0.0990 270.83)` | Tetsu-Kon Blue | white, 16.9 to 1 |
| 38 | `#061342` | `oklch(21.38% 0.0913 266.51)` | Cetacean Blue | white, 17.8 to 1 |
| 39 | `#02103a` | `oklch(19.53% 0.0848 262.91)` | Infinite Night | white, 18.4 to 1 |
| 40 | `#000e33` | `oklch(18.14% 0.0764 260.58)` | Infinite Night | white, 18.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #000a2a 0.0%, #010d31 2.6%, #050f39 5.1%, #0c1343 7.7%, #16174e 10.3%, #211a5a 12.8%, #2e1e67 15.4%, #3d2273 17.9%, #4d257f 20.5%, #5e288a 23.1%, #712b93 25.6%, #832d9a 28.2%, #962e9f 30.8%, #a82fa3 33.3%, #b930a4 35.9%, #c930a4 38.5%, #d630a4 41.0%, #e130a2 43.6%, #e830a1 46.2%, #ec30a1 48.7%, #ed30a1 51.3%, #e930a2 53.8%, #e230a3 56.4%, #d830a5 59.0%, #cb30a6 61.5%, #bc30a7 64.1%, #ac30a6 66.7%, #9a2fa3 69.2%, #872e9f 71.8%, #752c98 74.4%, #622a90 76.9%, #512786 79.5%, #41247b 82.1%, #32206f 84.6%, #251d63 87.2%, #191957 89.7%, #0f164c 92.3%, #061342 94.9%, #02103a 97.4%, #000e33 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(16.18% 0.0688 260.74) 0.0%, oklch(17.61% 0.0755 262.91) 2.6%, oklch(19.53% 0.0822 266.51) 5.1%, oklch(21.83% 0.0903 270.83) 7.7%, oklch(24.46% 0.0996 275.77) 10.3%, oklch(27.35% 0.1098 281.21) 12.8%, oklch(30.46% 0.1207 287.06) 15.4%, oklch(33.73% 0.1322 293.20) 17.9%, oklch(37.09% 0.1441 299.51) 20.5%, oklch(40.49% 0.1560 305.91) 23.1%, oklch(43.88% 0.1680 312.26) 25.6%, oklch(47.19% 0.1796 318.47) 28.2%, oklch(50.37% 0.1908 324.43) 30.8%, oklch(53.35% 0.2014 330.02) 33.3%, oklch(56.09% 0.2111 335.14) 35.9%, oklch(58.53% 0.2197 339.68) 38.5%, oklch(60.60% 0.2270 343.52) 41.0%, oklch(62.26% 0.2329 346.57) 43.6%, oklch(63.43% 0.2371 348.71) 46.2%, oklch(64.07% 0.2394 349.83) 48.7%, oklch(64.12% 0.2396 349.83) 51.3%, oklch(63.59% 0.2378 348.71) 53.8%, oklch(62.52% 0.2342 346.57) 56.4%, oklch(60.98% 0.2289 343.52) 59.0%, oklch(59.02% 0.2221 339.68) 61.5%, oklch(56.71% 0.2141 335.14) 64.1%, oklch(54.08% 0.2050 330.02) 66.7%, oklch(51.21% 0.1950 324.43) 69.2%, oklch(48.15% 0.1844 318.47) 71.8%, oklch(44.96% 0.1733 312.26) 74.4%, oklch(41.68% 0.1619 305.91) 76.9%, oklch(38.39% 0.1504 299.51) 79.5%, oklch(35.13% 0.1391 293.20) 82.1%, oklch(31.97% 0.1281 287.06) 84.6%, oklch(28.96% 0.1176 281.21) 87.2%, oklch(26.15% 0.1079 275.77) 89.7%, oklch(23.60% 0.0990 270.83) 92.3%, oklch(21.38% 0.0913 266.51) 94.9%, oklch(19.53% 0.0848 262.91) 97.4%, oklch(18.14% 0.0764 260.58) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.161 | 0.07 | 260.2 |
| 2 | 0.642 | 0.24 | 350 |
| 3 | 0.181 | 0.08 | 260.2 |

## Other forms

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