# Navy, pink, purple and blue radial gradient

Navy, pink, purple and blue radial gradient with 40 colors: #040d1e, #071126, #0e1631, #171c3f, #24224e, #33285e, #462e6e, #59347c, #6e3988, #833d90, #974096, #a8439a, #b5449b, #be449b, #c14399, #c04196, #bc3d92, #b5398e, #ab3389, #a02e84, #94297f, #88247b, #7d2177, #721e74, #691e72, #621e72, #5c2175, #592679, #552d80, #523687, #4e3f8f, #4a4a97, #45559f, #4060a5, #3b6caa, #3776ad, #3480b0, #3388b2, #348eb3, #3693b3. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUKR24ykJJjAzvNPI7VA`
- Page: https://grabient.com/kUKR24ykJJjAzvNPI7VA?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.5 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 | `#040d1e` | `oklch(16.14% 0.0400 259.45)` | Void | white, 19.3 to 1 |
| 2 | `#071126` | `oklch(18.17% 0.0467 263.34)` | Void | white, 18.7 to 1 |
| 3 | `#0e1631` | `oklch(20.93% 0.0558 268.57)` | Liberty Blue | white, 17.8 to 1 |
| 4 | `#171c3f` | `oklch(24.27% 0.0667 274.88)` | Nightwalker | white, 16.5 to 1 |
| 5 | `#24224e` | `oklch(28.05% 0.0791 282.02)` | Spacescape | white, 14.8 to 1 |
| 6 | `#33285e` | `oklch(32.13% 0.0925 289.73)` | Paris M | white, 13 to 1 |
| 7 | `#462e6e` | `oklch(36.36% 0.1064 297.75)` | Abra Purple | white, 11.1 to 1 |
| 8 | `#59347c` | `oklch(40.60% 0.1204 305.81)` | Kingfisher Daisy | white, 9.5 to 1 |
| 9 | `#6e3988` | `oklch(44.71% 0.1341 313.67)` | Perkin Mauve | white, 8 to 1 |
| 10 | `#833d90` | `oklch(48.54% 0.1470 321.07)` | Dull Violet | white, 6.9 to 1 |
| 11 | `#974096` | `oklch(51.96% 0.1586 327.74)` | Medium Purple | white, 6 to 1 |
| 12 | `#a8439a` | `oklch(54.81% 0.1687 333.43)` | Aged Purple | white, 5.3 to 1 |
| 13 | `#b5449b` | `oklch(56.96% 0.1765 337.87)` | Safflower Purple | white, 4.9 to 1 |
| 14 | `#be449b` | `oklch(58.27% 0.1819 340.82)` | Boat Orchid | white, 4.6 to 1 |
| 15 | `#c14399` | `oklch(58.62% 0.1848 342.50)` | Boat Orchid | white, 4.6 to 1 |
| 16 | `#c04196` | `oklch(58.12% 0.1858 343.33)` | Boat Orchid | white, 4.7 to 1 |
| 17 | `#bc3d92` | `oklch(56.90% 0.1852 343.38)` | Boat Orchid | white, 4.9 to 1 |
| 18 | `#b5398e` | `oklch(55.11% 0.1831 342.72)` | Fandango | white, 5.3 to 1 |
| 19 | `#ab3389` | `oklch(52.91% 0.1800 341.40)` | Wild Aster | white, 5.8 to 1 |
| 20 | `#a02e84` | `oklch(50.43% 0.1759 339.48)` | Wild Aster | white, 6.5 to 1 |
| 21 | `#94297f` | `oklch(47.83% 0.1711 337.02)` | Purple Excellency | white, 7.2 to 1 |
| 22 | `#88247b` | `oklch(45.25% 0.1659 334.09)` | Noble Plum | white, 8 to 1 |
| 23 | `#7d2177` | `oklch(42.84% 0.1605 330.74)` | Count’s Wardrobe | white, 8.9 to 1 |
| 24 | `#721e74` | `oklch(40.74% 0.1552 327.04)` | Pure Purple | white, 9.7 to 1 |
| 25 | `#691e72` | `oklch(39.10% 0.1501 323.04)` | New Riders of the Purple Sage | white, 10.3 to 1 |
| 26 | `#621e72` | `oklch(38.07% 0.1456 318.81)` | Berry Blackmail | white, 10.7 to 1 |
| 27 | `#5c2175` | `oklch(37.80% 0.1419 314.40)` | Violethargic | white, 10.8 to 1 |
| 28 | `#592679` | `oklch(38.27% 0.1386 309.33)` | Violethargic | white, 10.6 to 1 |
| 29 | `#552d80` | `oklch(39.32% 0.1349 303.18)` | Regalia | white, 10.1 to 1 |
| 30 | `#523687` | `oklch(40.86% 0.1311 296.16)` | Kingfisher Daisy | white, 9.4 to 1 |
| 31 | `#4e3f8f` | `oklch(42.80% 0.1272 288.50)` | Blue Gem | white, 8.5 to 1 |
| 32 | `#4a4a97` | `oklch(45.03% 0.1233 280.39)` | Liberty | white, 7.7 to 1 |
| 33 | `#45559f` | `oklch(47.46% 0.1193 272.04)` | Nuthatch Back | white, 6.8 to 1 |
| 34 | `#4060a5` | `oklch(50.00% 0.1155 263.66)` | International | white, 6 to 1 |
| 35 | `#3b6caa` | `oklch(52.55% 0.1118 255.47)` | Nocturne Shade | white, 5.3 to 1 |
| 36 | `#3776ad` | `oklch(55.02% 0.1083 247.67)` | Python Blue | white, 4.8 to 1 |
| 37 | `#3480b0` | `oklch(57.32% 0.1051 240.47)` | Beijing Blue | black, 4.8 to 1 |
| 38 | `#3388b2` | `oklch(59.34% 0.1022 234.09)` | Blue Splash | black, 5.2 to 1 |
| 39 | `#348eb3` | `oklch(61.00% 0.0998 228.72)` | Navagio Bay | black, 5.6 to 1 |
| 40 | `#3693b3` | `oklch(62.20% 0.0978 224.58)` | Enchanted Well | black, 5.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #040d1e 0.0%, #071126 2.6%, #0e1631 5.1%, #171c3f 7.7%, #24224e 10.3%, #33285e 12.8%, #462e6e 15.4%, #59347c 17.9%, #6e3988 20.5%, #833d90 23.1%, #974096 25.6%, #a8439a 28.2%, #b5449b 30.8%, #be449b 33.3%, #c14399 35.9%, #c04196 38.5%, #bc3d92 41.0%, #b5398e 43.6%, #ab3389 46.2%, #a02e84 48.7%, #94297f 51.3%, #88247b 53.8%, #7d2177 56.4%, #721e74 59.0%, #691e72 61.5%, #621e72 64.1%, #5c2175 66.7%, #592679 69.2%, #552d80 71.8%, #523687 74.4%, #4e3f8f 76.9%, #4a4a97 79.5%, #45559f 82.1%, #4060a5 84.6%, #3b6caa 87.2%, #3776ad 89.7%, #3480b0 92.3%, #3388b2 94.9%, #348eb3 97.4%, #3693b3 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(16.14% 0.0400 259.45) 0.0%, oklch(18.17% 0.0467 263.34) 2.6%, oklch(20.93% 0.0558 268.57) 5.1%, oklch(24.27% 0.0667 274.88) 7.7%, oklch(28.05% 0.0791 282.02) 10.3%, oklch(32.13% 0.0925 289.73) 12.8%, oklch(36.36% 0.1064 297.75) 15.4%, oklch(40.60% 0.1204 305.81) 17.9%, oklch(44.71% 0.1341 313.67) 20.5%, oklch(48.54% 0.1470 321.07) 23.1%, oklch(51.96% 0.1586 327.74) 25.6%, oklch(54.81% 0.1687 333.43) 28.2%, oklch(56.96% 0.1765 337.87) 30.8%, oklch(58.27% 0.1819 340.82) 33.3%, oklch(58.62% 0.1848 342.50) 35.9%, oklch(58.12% 0.1858 343.33) 38.5%, oklch(56.90% 0.1852 343.38) 41.0%, oklch(55.11% 0.1831 342.72) 43.6%, oklch(52.91% 0.1800 341.40) 46.2%, oklch(50.43% 0.1759 339.48) 48.7%, oklch(47.83% 0.1711 337.02) 51.3%, oklch(45.25% 0.1659 334.09) 53.8%, oklch(42.84% 0.1605 330.74) 56.4%, oklch(40.74% 0.1552 327.04) 59.0%, oklch(39.10% 0.1501 323.04) 61.5%, oklch(38.07% 0.1456 318.81) 64.1%, oklch(37.80% 0.1419 314.40) 66.7%, oklch(38.27% 0.1386 309.33) 69.2%, oklch(39.32% 0.1349 303.18) 71.8%, oklch(40.86% 0.1311 296.16) 74.4%, oklch(42.80% 0.1272 288.50) 76.9%, oklch(45.03% 0.1233 280.39) 79.5%, oklch(47.46% 0.1193 272.04) 82.1%, oklch(50.00% 0.1155 263.66) 84.6%, oklch(52.55% 0.1118 255.47) 87.2%, oklch(55.02% 0.1083 247.67) 89.7%, oklch(57.32% 0.1051 240.47) 92.3%, oklch(59.34% 0.1022 234.09) 94.9%, oklch(61.00% 0.0998 228.72) 97.4%, oklch(62.20% 0.0978 224.58) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.161 | 0.04 | 259.5 |
| 2 | 0.583 | 0.182 | 340.8 |
| 3 | 0.378 | 0.142 | 314.4 |
| 4 | 0.622 | 0.098 | 224.6 |

## In these collections

- [Wallpaper gradients](https://grabient.com/wallpaper-gradients)

## Other forms

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