# Analogous purple and navy radial gradient

Analogous purple and navy radial gradient with 64 colors: #cf77e8, #c875e5, #c072e0, #b66eda, #ab69d3, #9e65cc, #925fc3, #855aba, #7754b0, #6a4ea5, #5e489a, #52428f, #463c84, #3c3679, #32306f, #2a2b65, #22275c, #1c2254, #161f4e, #121c49, #0f1a45, #0d1943, #0c1943, #0d1944, #0e1a46, #101c4a, #131f4f, #172256, #1b255d, #202964, #262d6d, #2d3276, #34367f, #3b3b89, #434092, #4c449b, #5449a4, #5c4dad, #6450b4, #6b54bb, #7256c1, #7959c6, #7e5ac9, #825bcb, #865ccd, #8a5dcd, #8e5dce, #915dcd, #945dcc, #965ccb, #995cc9, #9b5bc7, #9d5ac5, #9e5ac3, #a059c0, #a158bd, #a257bb, #a356b8, #a356b6, #a455b3, #a554b1, #a554af, #a654ae, #a753ad. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUtIPinZ258c8QzJucNg`
- Page: https://grabient.com/kUtIPinZ258c8QzJucNg?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: dark center
- Hues: analogous
- Contrast of its darkest and lightest colors: 6 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 | `#cf77e8` | `oklch(70.87% 0.1805 318.52)` | Fake Love | black, 7.4 to 1 |
| 2 | `#c875e5` | `oklch(69.54% 0.1777 317.11)` | Fake Love | black, 7.1 to 1 |
| 3 | `#c072e0` | `oklch(67.86% 0.1742 315.34)` | Lavender | black, 6.7 to 1 |
| 4 | `#b66eda` | `oklch(65.86% 0.1699 313.25)` | Lavender | black, 6.2 to 1 |
| 5 | `#ab69d3` | `oklch(63.59% 0.1651 310.87)` | Teldrassil Purple | black, 5.7 to 1 |
| 6 | `#9e65cc` | `oklch(61.08% 0.1598 308.26)` | Amethyst | black, 5.1 to 1 |
| 7 | `#925fc3` | `oklch(58.39% 0.1541 305.44)` | Trunks Hair | black, 4.6 to 1 |
| 8 | `#855aba` | `oklch(55.54% 0.1480 302.47)` | Lusty Lavender | white, 5 to 1 |
| 9 | `#7754b0` | `oklch(52.59% 0.1417 299.38)` | Royal Lavender | white, 5.7 to 1 |
| 10 | `#6a4ea5` | `oklch(49.57% 0.1353 296.22)` | Ultrapurple Merge | white, 6.4 to 1 |
| 11 | `#5e489a` | `oklch(46.52% 0.1289 293.03)` | Sweet Flag | white, 7.3 to 1 |
| 12 | `#52428f` | `oklch(43.50% 0.1225 289.85)` | Moonlight Sonata | white, 8.3 to 1 |
| 13 | `#463c84` | `oklch(40.52% 0.1162 286.72)` | Nauseous Blue | white, 9.3 to 1 |
| 14 | `#3c3679` | `oklch(37.65% 0.1102 283.69)` | Ballpoint Indigo | white, 10.5 to 1 |
| 15 | `#32306f` | `oklch(34.92% 0.1045 280.79)` | Ballpoint Indigo | white, 11.6 to 1 |
| 16 | `#2a2b65` | `oklch(32.37% 0.0992 278.06)` | Deep Breath | white, 12.8 to 1 |
| 17 | `#22275c` | `oklch(30.05% 0.0944 275.56)` | Deep Breath | white, 13.9 to 1 |
| 18 | `#1c2254` | `oklch(27.99% 0.0902 273.32)` | Spacescape | white, 14.8 to 1 |
| 19 | `#161f4e` | `oklch(26.24% 0.0867 271.38)` | Fly-by-Night | white, 15.6 to 1 |
| 20 | `#121c49` | `oklch(24.83% 0.0840 269.78)` | Tetsu-Kon Blue | white, 16.3 to 1 |
| 21 | `#0f1a45` | `oklch(23.81% 0.0822 268.57)` | Tetsu-Kon Blue | white, 16.7 to 1 |
| 22 | `#0d1943` | `oklch(23.23% 0.0813 267.79)` | Maastricht Blue | white, 16.9 to 1 |
| 23 | `#0c1943` | `oklch(23.08% 0.0814 267.41)` | Maastricht Blue | white, 17 to 1 |
| 24 | `#0d1944` | `oklch(23.34% 0.0825 267.35)` | Tetsu-Kon Blue | white, 16.9 to 1 |
| 25 | `#0e1a46` | `oklch(23.95% 0.0845 267.59)` | Tetsu-Kon Blue | white, 16.6 to 1 |
| 26 | `#101c4a` | `oklch(24.89% 0.0872 268.11)` | Tetsu-Kon Blue | white, 16.2 to 1 |
| 27 | `#131f4f` | `oklch(26.12% 0.0906 268.88)` | Dark Soul | white, 15.7 to 1 |
| 28 | `#172256` | `oklch(27.61% 0.0946 269.88)` | Dark Soul | white, 15 to 1 |
| 29 | `#1b255d` | `oklch(29.31% 0.0991 271.08)` | Schiava Blue | white, 14.2 to 1 |
| 30 | `#202964` | `oklch(31.19% 0.1040 272.46)` | Schiava Blue | white, 13.3 to 1 |
| 31 | `#262d6d` | `oklch(33.22% 0.1093 273.98)` | Blue Rose | white, 12.4 to 1 |
| 32 | `#2d3276` | `oklch(35.37% 0.1148 275.64)` | Ballpoint Indigo | white, 11.4 to 1 |
| 33 | `#34367f` | `oklch(37.58% 0.1204 277.40)` | Ballpoint Indigo | white, 10.5 to 1 |
| 34 | `#3b3b89` | `oklch(39.83% 0.1261 279.24)` | Clematis Blue | white, 9.6 to 1 |
| 35 | `#434092` | `oklch(42.09% 0.1317 281.13)` | Blueberry | white, 8.8 to 1 |
| 36 | `#4c449b` | `oklch(44.31% 0.1373 283.06)` | Galaxy Express | white, 8 to 1 |
| 37 | `#5449a4` | `oklch(46.47% 0.1426 284.98)` | Liberty | white, 7.3 to 1 |
| 38 | `#5c4dad` | `oklch(48.51% 0.1477 286.89)` | Swiss Plum | white, 6.7 to 1 |
| 39 | `#6450b4` | `oklch(50.42% 0.1523 288.75)` | Ultrapurple Merge | white, 6.2 to 1 |
| 40 | `#6b54bb` | `oklch(52.15% 0.1565 290.55)` | Circumorbital Ring | white, 5.8 to 1 |
| 41 | `#7256c1` | `oklch(53.66% 0.1601 292.25)` | Fuchsia Blue | white, 5.4 to 1 |
| 42 | `#7959c6` | `oklch(54.93% 0.1631 293.83)` | Fuchsia Blue | white, 5.2 to 1 |
| 43 | `#7e5ac9` | `oklch(55.91% 0.1654 295.27)` | Fuchsia Blue | white, 5 to 1 |
| 44 | `#825bcb` | `oklch(56.66% 0.1670 296.66)` | Fuchsia Blue | white, 4.8 to 1 |
| 45 | `#865ccd` | `oklch(57.30% 0.1682 298.12)` | Fuchsia Blue | white, 4.7 to 1 |
| 46 | `#8a5dcd` | `oklch(57.82% 0.1691 299.64)` | Morado Purple | white, 4.6 to 1 |
| 47 | `#8e5dce` | `oklch(58.23% 0.1696 301.21)` | Morado Purple | black, 4.5 to 1 |
| 48 | `#915dcd` | `oklch(58.54% 0.1699 302.81)` | Morado Purple | black, 4.6 to 1 |
| 49 | `#945dcc` | `oklch(58.76% 0.1698 304.43)` | Morado Purple | black, 4.6 to 1 |
| 50 | `#965ccb` | `oklch(58.91% 0.1695 306.07)` | Morado Purple | black, 4.7 to 1 |
| 51 | `#995cc9` | `oklch(58.99% 0.1691 307.71)` | Morado Purple | black, 4.7 to 1 |
| 52 | `#9b5bc7` | `oklch(59.00% 0.1684 309.35)` | Trunks Hair | black, 4.7 to 1 |
| 53 | `#9d5ac5` | `oklch(58.97% 0.1676 310.98)` | Trunks Hair | black, 4.7 to 1 |
| 54 | `#9e5ac3` | `oklch(58.89% 0.1667 312.57)` | Trunks Hair | black, 4.6 to 1 |
| 55 | `#a059c0` | `oklch(58.78% 0.1657 314.13)` | Royal Gramma Purple | black, 4.6 to 1 |
| 56 | `#a158bd` | `oklch(58.65% 0.1647 315.65)` | Royal Gramma Purple | black, 4.6 to 1 |
| 57 | `#a257bb` | `oklch(58.50% 0.1636 317.11)` | Royal Gramma Purple | black, 4.6 to 1 |
| 58 | `#a356b8` | `oklch(58.35% 0.1626 318.50)` | Royal Gramma Purple | black, 4.5 to 1 |
| 59 | `#a356b6` | `oklch(58.20% 0.1616 319.81)` | Royal Gramma Purple | white, 4.6 to 1 |
| 60 | `#a455b3` | `oklch(58.07% 0.1607 321.04)` | Orchid Dottyback | white, 4.6 to 1 |
| 61 | `#a554b1` | `oklch(57.96% 0.1599 322.16)` | Orchid Dottyback | white, 4.6 to 1 |
| 62 | `#a554af` | `oklch(57.89% 0.1592 323.18)` | Orchid Dottyback | white, 4.6 to 1 |
| 63 | `#a654ae` | `oklch(57.86% 0.1587 324.08)` | Orchid Dottyback | white, 4.6 to 1 |
| 64 | `#a753ad` | `oklch(57.87% 0.1585 324.86)` | Orchid Dottyback | white, 4.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #cf77e8 0.0%, #c875e5 1.6%, #c072e0 3.2%, #b66eda 4.8%, #ab69d3 6.3%, #9e65cc 7.9%, #925fc3 9.5%, #855aba 11.1%, #7754b0 12.7%, #6a4ea5 14.3%, #5e489a 15.9%, #52428f 17.5%, #463c84 19.0%, #3c3679 20.6%, #32306f 22.2%, #2a2b65 23.8%, #22275c 25.4%, #1c2254 27.0%, #161f4e 28.6%, #121c49 30.2%, #0f1a45 31.7%, #0d1943 33.3%, #0c1943 34.9%, #0d1944 36.5%, #0e1a46 38.1%, #101c4a 39.7%, #131f4f 41.3%, #172256 42.9%, #1b255d 44.4%, #202964 46.0%, #262d6d 47.6%, #2d3276 49.2%, #34367f 50.8%, #3b3b89 52.4%, #434092 54.0%, #4c449b 55.6%, #5449a4 57.1%, #5c4dad 58.7%, #6450b4 60.3%, #6b54bb 61.9%, #7256c1 63.5%, #7959c6 65.1%, #7e5ac9 66.7%, #825bcb 68.3%, #865ccd 69.8%, #8a5dcd 71.4%, #8e5dce 73.0%, #915dcd 74.6%, #945dcc 76.2%, #965ccb 77.8%, #995cc9 79.4%, #9b5bc7 81.0%, #9d5ac5 82.5%, #9e5ac3 84.1%, #a059c0 85.7%, #a158bd 87.3%, #a257bb 88.9%, #a356b8 90.5%, #a356b6 92.1%, #a455b3 93.7%, #a554b1 95.2%, #a554af 96.8%, #a654ae 98.4%, #a753ad 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(70.87% 0.1805 318.52) 0.0%, oklch(69.54% 0.1777 317.11) 1.6%, oklch(67.86% 0.1742 315.34) 3.2%, oklch(65.86% 0.1699 313.25) 4.8%, oklch(63.59% 0.1651 310.87) 6.3%, oklch(61.08% 0.1598 308.26) 7.9%, oklch(58.39% 0.1541 305.44) 9.5%, oklch(55.54% 0.1480 302.47) 11.1%, oklch(52.59% 0.1417 299.38) 12.7%, oklch(49.57% 0.1353 296.22) 14.3%, oklch(46.52% 0.1289 293.03) 15.9%, oklch(43.50% 0.1225 289.85) 17.5%, oklch(40.52% 0.1162 286.72) 19.0%, oklch(37.65% 0.1102 283.69) 20.6%, oklch(34.92% 0.1045 280.79) 22.2%, oklch(32.37% 0.0992 278.06) 23.8%, oklch(30.05% 0.0944 275.56) 25.4%, oklch(27.99% 0.0902 273.32) 27.0%, oklch(26.24% 0.0867 271.38) 28.6%, oklch(24.83% 0.0840 269.78) 30.2%, oklch(23.81% 0.0822 268.57) 31.7%, oklch(23.23% 0.0813 267.79) 33.3%, oklch(23.08% 0.0814 267.41) 34.9%, oklch(23.34% 0.0825 267.35) 36.5%, oklch(23.95% 0.0845 267.59) 38.1%, oklch(24.89% 0.0872 268.11) 39.7%, oklch(26.12% 0.0906 268.88) 41.3%, oklch(27.61% 0.0946 269.88) 42.9%, oklch(29.31% 0.0991 271.08) 44.4%, oklch(31.19% 0.1040 272.46) 46.0%, oklch(33.22% 0.1093 273.98) 47.6%, oklch(35.37% 0.1148 275.64) 49.2%, oklch(37.58% 0.1204 277.40) 50.8%, oklch(39.83% 0.1261 279.24) 52.4%, oklch(42.09% 0.1317 281.13) 54.0%, oklch(44.31% 0.1373 283.06) 55.6%, oklch(46.47% 0.1426 284.98) 57.1%, oklch(48.51% 0.1477 286.89) 58.7%, oklch(50.42% 0.1523 288.75) 60.3%, oklch(52.15% 0.1565 290.55) 61.9%, oklch(53.66% 0.1601 292.25) 63.5%, oklch(54.93% 0.1631 293.83) 65.1%, oklch(55.91% 0.1654 295.27) 66.7%, oklch(56.66% 0.1670 296.66) 68.3%, oklch(57.30% 0.1682 298.12) 69.8%, oklch(57.82% 0.1691 299.64) 71.4%, oklch(58.23% 0.1696 301.21) 73.0%, oklch(58.54% 0.1699 302.81) 74.6%, oklch(58.76% 0.1698 304.43) 76.2%, oklch(58.91% 0.1695 306.07) 77.8%, oklch(58.99% 0.1691 307.71) 79.4%, oklch(59.00% 0.1684 309.35) 81.0%, oklch(58.97% 0.1676 310.98) 82.5%, oklch(58.89% 0.1667 312.57) 84.1%, oklch(58.78% 0.1657 314.13) 85.7%, oklch(58.65% 0.1647 315.65) 87.3%, oklch(58.50% 0.1636 317.11) 88.9%, oklch(58.35% 0.1626 318.50) 90.5%, oklch(58.20% 0.1616 319.81) 92.1%, oklch(58.07% 0.1607 321.04) 93.7%, oklch(57.96% 0.1599 322.16) 95.2%, oklch(57.89% 0.1592 323.18) 96.8%, oklch(57.86% 0.1587 324.08) 98.4%, oklch(57.87% 0.1585 324.86) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.709 | 0.181 | 318.5 |
| 2 | 0.232 | 0.081 | 267.8 |
| 3 | 0.559 | 0.165 | 295.3 |
| 4 | 0.579 | 0.158 | 324.9 |

## In these collections

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

## Other forms

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