# Navy, purple, blue and dark green radial gradient

Navy, purple, blue and dark green radial gradient with 32 colors: #151124, #181328, #1c152f, #211837, #271b40, #2e1f49, #352353, #3c275c, #422c64, #4a316b, #543770, #5e3d76, #67447b, #6f4b82, #75538b, #785b96, #7464a4, #6871b4, #4d82c0, #0b94bf, #00a1a9, #00ab8f, #43ae6d, #69a950, #77a13e, #759635, #6b8a32, #5b7d32, #496f32, #3a6331, #2f5830, #28512d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWMRvQK6LA0QjQBVMqxMhtBQ`
- Page: https://grabient.com/kWMRvQK6LA0QjQBVMqxMhtBQ?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center
- Hues: complementary
- Contrast of its darkest and lightest colors: 6.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 | `#151124` | `oklch(19.29% 0.0372 292.50)` | Corbeau | white, 18.4 to 1 |
| 2 | `#181328` | `oklch(20.46% 0.0422 293.14)` | Sambucus | white, 18 to 1 |
| 3 | `#1c152f` | `oklch(21.98% 0.0494 294.04)` | Lost in Sadness | white, 17.4 to 1 |
| 4 | `#211837` | `oklch(23.80% 0.0580 295.12)` | Prune Plum | white, 16.7 to 1 |
| 5 | `#271b40` | `oklch(25.83% 0.0672 296.28)` | Throat | white, 15.9 to 1 |
| 6 | `#2e1f49` | `oklch(28.02% 0.0764 297.44)` | Elderberry | white, 14.9 to 1 |
| 7 | `#352353` | `oklch(30.29% 0.0847 298.51)` | Stormy Night | white, 13.9 to 1 |
| 8 | `#3c275c` | `oklch(32.57% 0.0915 299.40)` | Stormy Night | white, 12.8 to 1 |
| 9 | `#422c64` | `oklch(34.81% 0.0960 300.11)` | Violet Indigo | white, 11.8 to 1 |
| 10 | `#4a316b` | `oklch(37.18% 0.0981 302.25)` | Violet Indigo | white, 10.7 to 1 |
| 11 | `#543770` | `oklch(39.71% 0.0984 305.66)` | Loden Purple | white, 9.7 to 1 |
| 12 | `#5e3d76` | `oklch(42.34% 0.0975 309.31)` | Heartless | white, 8.7 to 1 |
| 13 | `#67447b` | `oklch(44.99% 0.0962 312.17)` | Pageantry Purple | white, 7.7 to 1 |
| 14 | `#6f4b82` | `oklch(47.60% 0.0949 313.19)` | Plum Jam | white, 6.9 to 1 |
| 15 | `#75538b` | `oklch(50.12% 0.0944 311.35)` | Ninja Princess | white, 6.2 to 1 |
| 16 | `#785b96` | `oklch(52.46% 0.0953 305.61)` | Ghostly Purple | white, 5.6 to 1 |
| 17 | `#7464a4` | `oklch(54.65% 0.0983 294.62)` | Scampi | white, 5 to 1 |
| 18 | `#6871b4` | `oklch(57.12% 0.1037 276.67)` | Chetwode Blue | black, 4.6 to 1 |
| 19 | `#4d82c0` | `oklch(59.74% 0.1110 253.54)` | Blue Vault | black, 5.2 to 1 |
| 20 | `#0b94bf` | `oklch(62.28% 0.1190 227.44)` | Spa Dream | black, 6 to 1 |
| 21 | `#00a1a9` | `oklch(64.51% 0.1097 200.60)` | Ducati | black, 6.6 to 1 |
| 22 | `#00ab8f` | `oklch(66.21% 0.1246 175.22)` | Arcadia | black, 7.2 to 1 |
| 23 | `#43ae6d` | `oklch(67.16% 0.1379 153.55)` | Seaweed Green | black, 7.4 to 1 |
| 24 | `#69a950` | `oklch(67.12% 0.1394 137.80)` | Fern Flash | black, 7.4 to 1 |
| 25 | `#77a13e` | `oklch(65.76% 0.1369 129.21)` | Carol’s Purr | black, 6.9 to 1 |
| 26 | `#759635` | `oklch(62.93% 0.1305 125.88)` | Siskin Sprout | black, 6.2 to 1 |
| 27 | `#6b8a32` | `oklch(59.05% 0.1215 126.53)` | Gǎn Lǎn Lǜ Green | black, 5.3 to 1 |
| 28 | `#5b7d32` | `oklch(54.57% 0.1108 129.93)` | Hot Pepper Green | white, 4.7 to 1 |
| 29 | `#496f32` | `oklch(49.91% 0.0997 134.86)` | Botanical | white, 5.8 to 1 |
| 30 | `#3a6331` | `oklch(45.54% 0.0892 140.11)` | Greenhouse | white, 7 to 1 |
| 31 | `#2f5830` | `oklch(41.87% 0.0804 144.45)` | Pine | white, 8.2 to 1 |
| 32 | `#28512d` | `oklch(39.37% 0.0744 146.67)` | Kaitoke Green | white, 9.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #151124 0.0%, #181328 3.2%, #1c152f 6.5%, #211837 9.7%, #271b40 12.9%, #2e1f49 16.1%, #352353 19.4%, #3c275c 22.6%, #422c64 25.8%, #4a316b 29.0%, #543770 32.3%, #5e3d76 35.5%, #67447b 38.7%, #6f4b82 41.9%, #75538b 45.2%, #785b96 48.4%, #7464a4 51.6%, #6871b4 54.8%, #4d82c0 58.1%, #0b94bf 61.3%, #00a1a9 64.5%, #00ab8f 67.7%, #43ae6d 71.0%, #69a950 74.2%, #77a13e 77.4%, #759635 80.6%, #6b8a32 83.9%, #5b7d32 87.1%, #496f32 90.3%, #3a6331 93.5%, #2f5830 96.8%, #28512d 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(19.29% 0.0372 292.50) 0.0%, oklch(20.46% 0.0422 293.14) 3.2%, oklch(21.98% 0.0494 294.04) 6.5%, oklch(23.80% 0.0580 295.12) 9.7%, oklch(25.83% 0.0672 296.28) 12.9%, oklch(28.02% 0.0764 297.44) 16.1%, oklch(30.29% 0.0847 298.51) 19.4%, oklch(32.57% 0.0915 299.40) 22.6%, oklch(34.81% 0.0960 300.11) 25.8%, oklch(37.18% 0.0981 302.25) 29.0%, oklch(39.71% 0.0984 305.66) 32.3%, oklch(42.34% 0.0975 309.31) 35.5%, oklch(44.99% 0.0962 312.17) 38.7%, oklch(47.60% 0.0949 313.19) 41.9%, oklch(50.12% 0.0944 311.35) 45.2%, oklch(52.46% 0.0953 305.61) 48.4%, oklch(54.65% 0.0983 294.62) 51.6%, oklch(57.12% 0.1037 276.67) 54.8%, oklch(59.74% 0.1110 253.54) 58.1%, oklch(62.28% 0.1190 227.44) 61.3%, oklch(64.51% 0.1097 200.60) 64.5%, oklch(66.21% 0.1246 175.22) 67.7%, oklch(67.16% 0.1379 153.55) 71.0%, oklch(67.12% 0.1394 137.80) 74.2%, oklch(65.76% 0.1369 129.21) 77.4%, oklch(62.93% 0.1305 125.88) 80.6%, oklch(59.05% 0.1215 126.53) 83.9%, oklch(54.57% 0.1108 129.93) 87.1%, oklch(49.91% 0.0997 134.86) 90.3%, oklch(45.54% 0.0892 140.11) 93.5%, oklch(41.87% 0.0804 144.45) 96.8%, oklch(39.37% 0.0744 146.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.193 | 0.037 | 292.5 |
| 2 | 0.343 | 0.095 | 299.9 |
| 3 | 0.535 | 0.096 | 301 |
| 4 | 0.669 | 0.139 | 135 |
| 5 | 0.394 | 0.074 | 146.7 |

## In these collections

- [Green multicolor gradients](https://grabient.com/green-multicolor-gradients)

## Other forms

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