# Black, green, blue and purple radial gradient

Black, green, blue and purple radial gradient with 32 colors: #09130b, #0b170e, #0e1d11, #122415, #162d1a, #1a361f, #1f3f24, #24492a, #2a532e, #335e32, #416b34, #517834, #628433, #709033, #789a37, #75a442, #62ab56, #34ae75, #00a996, #009eae, #2690c0, #567ebe, #6c6eb0, #7662a0, #775993, #735187, #6b487e, #614176, #573a70, #4e346b, #462e66, #412b62. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWLBBqshs_lUyvpEI1OK6K_w`
- Page: https://grabient.com/kWLBBqshs_lUyvpEI1OK6K_w?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.7 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 | `#09130b` | `oklch(17.32% 0.0220 149.77)` | Jedi Night | white, 18.9 to 1 |
| 2 | `#0b170e` | `oklch(19.05% 0.0262 149.57)` | Pinch of Pepper | white, 18.3 to 1 |
| 3 | `#0e1d11` | `oklch(21.31% 0.0315 149.38)` | Pinch of Pepper | white, 17.4 to 1 |
| 4 | `#122415` | `oklch(24.00% 0.0379 149.16)` | Nightmare | white, 16.2 to 1 |
| 5 | `#162d1a` | `oklch(27.01% 0.0451 148.87)` | Bush | white, 14.8 to 1 |
| 6 | `#1a361f` | `oklch(30.24% 0.0528 148.47)` | Deep Fir | white, 13.2 to 1 |
| 7 | `#1f3f24` | `oklch(33.58% 0.0607 147.95)` | Queen of Trees | white, 11.6 to 1 |
| 8 | `#24492a` | `oklch(36.93% 0.0686 147.25)` | Cal Poly Pomona Green | white, 10.1 to 1 |
| 9 | `#2a532e` | `oklch(40.20% 0.0764 146.26)` | Kaitoke Green | white, 8.8 to 1 |
| 10 | `#335e32` | `oklch(43.95% 0.0853 143.26)` | Parsley | white, 7.5 to 1 |
| 11 | `#416b34` | `oklch(48.19% 0.0955 138.53)` | Tree Shade | white, 6.2 to 1 |
| 12 | `#517834` | `oklch(52.63% 0.1062 133.25)` | Luscious Lemongrass | white, 5.1 to 1 |
| 13 | `#628433` | `oklch(56.96% 0.1165 128.64)` | Stamnankáthi Green | black, 4.8 to 1 |
| 14 | `#709033` | `oklch(60.88% 0.1258 125.88)` | Olive Thrill | black, 5.7 to 1 |
| 15 | `#789a37` | `oklch(64.09% 0.1332 126.17)` | Aloe Vera Green | black, 6.5 to 1 |
| 16 | `#75a442` | `oklch(66.30% 0.1380 130.73)` | Festival Green | black, 7.1 to 1 |
| 17 | `#62ab56` | `oklch(67.23% 0.1394 140.99)` | Shiso Green | black, 7.4 to 1 |
| 18 | `#34ae75` | `oklch(67.00% 0.1370 158.43)` | Link’s Awakening | black, 7.4 to 1 |
| 19 | `#00a996` | `oklch(65.85% 0.1185 181.23)` | Persian Green | black, 7.1 to 1 |
| 20 | `#009eae` | `oklch(64.00% 0.1098 207.19)` | Lake Blue | black, 6.5 to 1 |
| 21 | `#2690c0` | `oklch(61.66% 0.1169 234.05)` | Christmas Blue | black, 5.8 to 1 |
| 22 | `#567ebe` | `oklch(59.09% 0.1091 259.61)` | Blue Iolite | black, 5 to 1 |
| 23 | `#6c6eb0` | `oklch(56.48% 0.1022 281.66)` | Mediaeval | white, 4.6 to 1 |
| 24 | `#7662a0` | `oklch(54.08% 0.0973 297.96)` | Scampi | white, 5.2 to 1 |
| 25 | `#775993` | `oklch(51.83% 0.0947 307.37)` | Ghostly Purple | white, 5.7 to 1 |
| 26 | `#735187` | `oklch(49.21% 0.0933 311.92)` | Affair | white, 6.4 to 1 |
| 27 | `#6b487e` | `oklch(46.35% 0.0929 312.79)` | Perfectly Purple | white, 7.3 to 1 |
| 28 | `#614176` | `oklch(43.42% 0.0930 311.07)` | Drifting Violet | white, 8.3 to 1 |
| 29 | `#573a70` | `oklch(40.59% 0.0936 307.82)` | Loden Purple | white, 9.3 to 1 |
| 30 | `#4e346b` | `oklch(38.01% 0.0943 304.15)` | Petunia | white, 10.4 to 1 |
| 31 | `#462e66` | `oklch(35.84% 0.0949 301.12)` | Violet Indigo | white, 11.3 to 1 |
| 32 | `#412b62` | `oklch(34.25% 0.0951 299.82)` | Violet Indigo | white, 12 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #09130b 0.0%, #0b170e 3.2%, #0e1d11 6.5%, #122415 9.7%, #162d1a 12.9%, #1a361f 16.1%, #1f3f24 19.4%, #24492a 22.6%, #2a532e 25.8%, #335e32 29.0%, #416b34 32.3%, #517834 35.5%, #628433 38.7%, #709033 41.9%, #789a37 45.2%, #75a442 48.4%, #62ab56 51.6%, #34ae75 54.8%, #00a996 58.1%, #009eae 61.3%, #2690c0 64.5%, #567ebe 67.7%, #6c6eb0 71.0%, #7662a0 74.2%, #775993 77.4%, #735187 80.6%, #6b487e 83.9%, #614176 87.1%, #573a70 90.3%, #4e346b 93.5%, #462e66 96.8%, #412b62 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(17.32% 0.0220 149.77) 0.0%, oklch(19.05% 0.0262 149.57) 3.2%, oklch(21.31% 0.0315 149.38) 6.5%, oklch(24.00% 0.0379 149.16) 9.7%, oklch(27.01% 0.0451 148.87) 12.9%, oklch(30.24% 0.0528 148.47) 16.1%, oklch(33.58% 0.0607 147.95) 19.4%, oklch(36.93% 0.0686 147.25) 22.6%, oklch(40.20% 0.0764 146.26) 25.8%, oklch(43.95% 0.0853 143.26) 29.0%, oklch(48.19% 0.0955 138.53) 32.3%, oklch(52.63% 0.1062 133.25) 35.5%, oklch(56.96% 0.1165 128.64) 38.7%, oklch(60.88% 0.1258 125.88) 41.9%, oklch(64.09% 0.1332 126.17) 45.2%, oklch(66.30% 0.1380 130.73) 48.4%, oklch(67.23% 0.1394 140.99) 51.6%, oklch(67.00% 0.1370 158.43) 54.8%, oklch(65.85% 0.1185 181.23) 58.1%, oklch(64.00% 0.1098 207.19) 61.3%, oklch(61.66% 0.1169 234.05) 64.5%, oklch(59.09% 0.1091 259.61) 67.7%, oklch(56.48% 0.1022 281.66) 71.0%, oklch(54.08% 0.0973 297.96) 74.2%, oklch(51.83% 0.0947 307.37) 77.4%, oklch(49.21% 0.0933 311.92) 80.6%, oklch(46.35% 0.0929 312.79) 83.9%, oklch(43.42% 0.0930 311.07) 87.1%, oklch(40.59% 0.0936 307.82) 90.3%, oklch(38.01% 0.0943 304.15) 93.5%, oklch(35.84% 0.0949 301.12) 96.8%, oklch(34.25% 0.0951 299.82) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.173 | 0.022 | 149.8 |
| 2 | 0.394 | 0.074 | 146.6 |
| 3 | 0.669 | 0.139 | 135 |
| 4 | 0.535 | 0.096 | 300.9 |
| 5 | 0.343 | 0.095 | 299.8 |

## In these collections

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

## Other forms

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