# Dark rainbow from black to purple radial gradient

Dark rainbow from black to purple radial gradient with 40 colors: #09030d, #0e0411, #150617, #1e0a1e, #290e25, #35122b, #431731, #521c35, #612137, #6f2636, #7b2b31, #853128, #8a371b, #8b3d01, #824600, #764b00, #694c00, #5a4c00, #494b00, #354806, #204318, #0b3d22, #003627, #002f2a, #00292a, #00252b, #00232d, #032230, #082134, #0f2139, #17223f, #202345, #2a234a, #34244f, #3f2452, #492454, #532454, #5c2453, #632451, #69244e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUHhbfOizLJ4QVEwKM6g`
- Page: https://grabient.com/kUHhbfOizLJ4QVEwKM6g?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: dark, rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#09030d` | `oklch(11.81% 0.0303 313.59)` | Broken Tube | white, 20.3 to 1 |
| 2 | `#0e0411` | `oklch(13.46% 0.0349 317.58)` | Not Tonight | white, 20.1 to 1 |
| 3 | `#150617` | `oklch(15.72% 0.0411 322.22)` | Crow | white, 19.6 to 1 |
| 4 | `#1e0a1e` | `oklch(18.46% 0.0488 327.47)` | Meški Black | white, 18.8 to 1 |
| 5 | `#290e25` | `oklch(21.56% 0.0575 333.32)` | Dark Prom Queen | white, 17.7 to 1 |
| 6 | `#35122b` | `oklch(24.91% 0.0669 339.74)` | Nightly Voyager | white, 16.4 to 1 |
| 7 | `#431731` | `oklch(28.38% 0.0765 346.70)` | Blackberry | white, 14.8 to 1 |
| 8 | `#521c35` | `oklch(31.84% 0.0862 354.19)` | Tulip Poplar Purple | white, 13.2 to 1 |
| 9 | `#612137` | `oklch(35.18% 0.0954 2.17)` | Wine Country | white, 11.7 to 1 |
| 10 | `#6f2636` | `oklch(38.26% 0.1038 10.63)` | Merlot Fields | white, 10.4 to 1 |
| 11 | `#7b2b31` | `oklch(40.98% 0.1111 19.54)` | Syrah | white, 9.3 to 1 |
| 12 | `#853128` | `oklch(43.20% 0.1169 28.87)` | Kofta Brown | white, 8.5 to 1 |
| 13 | `#8a371b` | `oklch(44.80% 0.1209 38.60)` | Rogan Josh | white, 7.9 to 1 |
| 14 | `#8b3d01` | `oklch(45.67% 0.1226 48.70)` | Espresso Martini | white, 7.5 to 1 |
| 15 | `#824600` | `oklch(45.71% 0.1077 59.49)` | Dried Mustard | white, 7.4 to 1 |
| 16 | `#764b00` | `oklch(45.00% 0.0967 71.37)` | Lucky Brown | white, 7.5 to 1 |
| 17 | `#694c00` | `oklch(43.66% 0.0896 84.11)` | Antique Bronze | white, 7.9 to 1 |
| 18 | `#5a4c00` | `oklch(41.82% 0.0863 97.54)` | Scorzonera Brown | white, 8.5 to 1 |
| 19 | `#494b00` | `oklch(39.61% 0.0874 111.50)` | No Emissions Green | white, 9.2 to 1 |
| 20 | `#354806` | `oklch(37.16% 0.0894 125.77)` | Treetop Cathedral | white, 10.1 to 1 |
| 21 | `#204318` | `oklch(34.58% 0.0804 140.21)` | Myrtle | white, 11.1 to 1 |
| 22 | `#0b3d22` | `oklch(32.01% 0.0714 154.65)` | Angel Green | white, 12.2 to 1 |
| 23 | `#003627` | `oklch(29.58% 0.0593 168.86)` | Coach Green | white, 13.4 to 1 |
| 24 | `#002f2a` | `oklch(27.39% 0.0488 182.83)` | Roof Tile Green | white, 14.5 to 1 |
| 25 | `#00292a` | `oklch(25.59% 0.0436 196.32)` | Daintree | white, 15.4 to 1 |
| 26 | `#00252b` | `oklch(24.30% 0.0419 209.16)` | Teal Spill | white, 16.1 to 1 |
| 27 | `#00232d` | `oklch(23.64% 0.0434 221.14)` | Midnight Dreams | white, 16.4 to 1 |
| 28 | `#032230` | `oklch(23.56% 0.0447 232.44)` | Midnight Dreams | white, 16.5 to 1 |
| 29 | `#082134` | `oklch(23.95% 0.0471 244.00)` | Midnight Dreams | white, 16.4 to 1 |
| 30 | `#0f2139` | `oklch(24.71% 0.0511 255.53)` | Fog of War | white, 16.1 to 1 |
| 31 | `#17223f` | `oklch(25.78% 0.0563 266.91)` | Cool Balaclavas Are Forever | white, 15.7 to 1 |
| 32 | `#202345` | `oklch(27.08% 0.0625 278.05)` | Black Market | white, 15.2 to 1 |
| 33 | `#2a234a` | `oklch(28.55% 0.0694 288.84)` | Elderberry | white, 14.6 to 1 |
| 34 | `#34244f` | `oklch(30.12% 0.0766 299.17)` | Powerful Violet | white, 13.9 to 1 |
| 35 | `#3f2452` | `oklch(31.73% 0.0839 308.93)` | Galactic Wonder | white, 13.2 to 1 |
| 36 | `#492454` | `oklch(33.29% 0.0910 318.03)` | Queen’s Domain | white, 12.5 to 1 |
| 37 | `#532454` | `oklch(34.75% 0.0977 326.36)` | Kuwanomi Purple | white, 11.9 to 1 |
| 38 | `#5c2453` | `oklch(36.03% 0.1035 333.81)` | Kuwanomi Purple | white, 11.4 to 1 |
| 39 | `#632451` | `oklch(37.07% 0.1082 340.27)` | Plum Caspia | white, 11 to 1 |
| 40 | `#69244e` | `oklch(37.80% 0.1116 345.65)` | Witch Soup | white, 10.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #09030d 0.0%, #0e0411 2.6%, #150617 5.1%, #1e0a1e 7.7%, #290e25 10.3%, #35122b 12.8%, #431731 15.4%, #521c35 17.9%, #612137 20.5%, #6f2636 23.1%, #7b2b31 25.6%, #853128 28.2%, #8a371b 30.8%, #8b3d01 33.3%, #824600 35.9%, #764b00 38.5%, #694c00 41.0%, #5a4c00 43.6%, #494b00 46.2%, #354806 48.7%, #204318 51.3%, #0b3d22 53.8%, #003627 56.4%, #002f2a 59.0%, #00292a 61.5%, #00252b 64.1%, #00232d 66.7%, #032230 69.2%, #082134 71.8%, #0f2139 74.4%, #17223f 76.9%, #202345 79.5%, #2a234a 82.1%, #34244f 84.6%, #3f2452 87.2%, #492454 89.7%, #532454 92.3%, #5c2453 94.9%, #632451 97.4%, #69244e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(11.81% 0.0303 313.59) 0.0%, oklch(13.46% 0.0349 317.58) 2.6%, oklch(15.72% 0.0411 322.22) 5.1%, oklch(18.46% 0.0488 327.47) 7.7%, oklch(21.56% 0.0575 333.32) 10.3%, oklch(24.91% 0.0669 339.74) 12.8%, oklch(28.38% 0.0765 346.70) 15.4%, oklch(31.84% 0.0862 354.19) 17.9%, oklch(35.18% 0.0954 2.17) 20.5%, oklch(38.26% 0.1038 10.63) 23.1%, oklch(40.98% 0.1111 19.54) 25.6%, oklch(43.20% 0.1169 28.87) 28.2%, oklch(44.80% 0.1209 38.60) 30.8%, oklch(45.67% 0.1226 48.70) 33.3%, oklch(45.71% 0.1077 59.49) 35.9%, oklch(45.00% 0.0967 71.37) 38.5%, oklch(43.66% 0.0896 84.11) 41.0%, oklch(41.82% 0.0863 97.54) 43.6%, oklch(39.61% 0.0874 111.50) 46.2%, oklch(37.16% 0.0894 125.77) 48.7%, oklch(34.58% 0.0804 140.21) 51.3%, oklch(32.01% 0.0714 154.65) 53.8%, oklch(29.58% 0.0593 168.86) 56.4%, oklch(27.39% 0.0488 182.83) 59.0%, oklch(25.59% 0.0436 196.32) 61.5%, oklch(24.30% 0.0419 209.16) 64.1%, oklch(23.64% 0.0434 221.14) 66.7%, oklch(23.56% 0.0447 232.44) 69.2%, oklch(23.95% 0.0471 244.00) 71.8%, oklch(24.71% 0.0511 255.53) 74.4%, oklch(25.78% 0.0563 266.91) 76.9%, oklch(27.08% 0.0625 278.05) 79.5%, oklch(28.55% 0.0694 288.84) 82.1%, oklch(30.12% 0.0766 299.17) 84.6%, oklch(31.73% 0.0839 308.93) 87.2%, oklch(33.29% 0.0910 318.03) 89.7%, oklch(34.75% 0.0977 326.36) 92.3%, oklch(36.03% 0.1035 333.81) 94.9%, oklch(37.07% 0.1082 340.27) 97.4%, oklch(37.80% 0.1116 345.65) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.118 | 0.03 | 313.6 |
| 2 | 0.457 | 0.123 | 408.7 |
| 3 | 0.236 | 0.044 | 581 |
| 4 | 0.378 | 0.112 | 705.6 |

## Other forms

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