# Rainbow from dark purple to navy radial gradient

Rainbow from dark purple to navy radial gradient with 32 colors: #160d1a, #1b0f1f, #241025, #2e122c, #3b1332, #491536, #58173a, #681b3c, #791f3e, #8b253e, #9e2d3d, #af373a, #bf4234, #cc4f2e, #d85e2e, #e36f33, #ec7f38, #f18e3c, #ee9b3c, #e3a63a, #ccaf40, #abb454, #85b46c, #62ae81, #49a48e, #3b9893, #32888f, #2a7685, #226478, #1b536b, #15455f, #133b56. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYLRXgKiZEcg7xJhM8S0CBNisXxk`
- Page: https://grabient.com/kYLRXgKiZEcg7xJhM8S0CBNisXxk?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, vivid, rainbow
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.8 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 | `#160d1a` | `oklch(17.72% 0.0289 315.00)` | Shot in the Dark | white, 18.9 to 1 |
| 2 | `#1b0f1f` | `oklch(19.23% 0.0370 318.97)` | Shot in the Dark | white, 18.5 to 1 |
| 3 | `#241025` | `oklch(21.24% 0.0484 324.42)` | Inside | white, 17.8 to 1 |
| 4 | `#2e122c` | `oklch(23.66% 0.0617 330.89)` | Dark Prom Queen | white, 16.9 to 1 |
| 5 | `#3b1332` | `oklch(26.39% 0.0760 337.92)` | Nightly Voyager | white, 15.8 to 1 |
| 6 | `#491536` | `oklch(29.35% 0.0900 345.04)` | Chilli Black Red | white, 14.5 to 1 |
| 7 | `#58173a` | `oklch(32.44% 0.1025 351.78)` | Tulip Poplar Purple | white, 13.1 to 1 |
| 8 | `#681b3c` | `oklch(35.74% 0.1138 358.03)` | Pompadour | white, 11.6 to 1 |
| 9 | `#791f3e` | `oklch(39.44% 0.1256 4.29)` | Caviar Couture | white, 10 to 1 |
| 10 | `#8b253e` | `oklch(43.40% 0.1372 10.57)` | Thrill Ride | white, 8.5 to 1 |
| 11 | `#9e2d3d` | `oklch(47.46% 0.1477 16.88)` | Alabama Crimson | white, 7.2 to 1 |
| 12 | `#af373a` | `oklch(51.46% 0.1564 23.22)` | Lusty Red | white, 6.1 to 1 |
| 13 | `#bf4234` | `oklch(55.26% 0.1625 29.59)` | Caught Red-Handed | white, 5.1 to 1 |
| 14 | `#cc4f2e` | `oklch(58.89% 0.1652 35.67)` | Fox | black, 4.7 to 1 |
| 15 | `#d85e2e` | `oklch(62.87% 0.1648 40.58)` | Tangerine Bliss | black, 5.5 to 1 |
| 16 | `#e36f33` | `oklch(66.91% 0.1621 45.08)` | Lava Pit | black, 6.5 to 1 |
| 17 | `#ec7f38` | `oklch(70.66% 0.1576 50.10)` | Snappy Happy | black, 7.6 to 1 |
| 18 | `#f18e3c` | `oklch(73.74% 0.1519 56.58)` | Mandarin Rind | black, 8.6 to 1 |
| 19 | `#ee9b3c` | `oklch(75.80% 0.1457 65.45)` | Cornucopia | black, 9.4 to 1 |
| 20 | `#e3a63a` | `oklch(76.48% 0.1393 77.73)` | Mustard Glaze | black, 9.7 to 1 |
| 21 | `#ccaf40` | `oklch(75.90% 0.1313 94.44)` | Sugar Leaves | black, 9.7 to 1 |
| 22 | `#abb454` | `oklch(74.32% 0.1220 114.25)` | Green Banana | black, 9.4 to 1 |
| 23 | `#85b46c` | `oklch(71.96% 0.1122 135.43)` | Nasturtium Leaf | black, 8.7 to 1 |
| 24 | `#62ae81` | `oklch(69.02% 0.1025 156.28)` | Elf Shoe | black, 7.9 to 1 |
| 25 | `#49a48e` | `oklch(65.73% 0.0939 175.08)` | Corrosion Green | black, 6.9 to 1 |
| 26 | `#3b9893` | `oklch(62.28% 0.0870 190.18)` | Sea | black, 6 to 1 |
| 27 | `#32888f` | `oklch(57.90% 0.0814 202.59)` | Turkish Jade | black, 5 to 1 |
| 28 | `#2a7685` | `oklch(52.63% 0.0767 213.32)` | Thousand Herb | white, 5.2 to 1 |
| 29 | `#226478` | `oklch(47.03% 0.0728 222.48)` | Bold Bolection | white, 6.6 to 1 |
| 30 | `#1b536b` | `oklch(41.65% 0.0695 230.14)` | Juggernaut | white, 8.4 to 1 |
| 31 | `#15455f` | `oklch(37.08% 0.0669 236.41)` | Sailor Blue | white, 10.2 to 1 |
| 32 | `#133b56` | `oklch(33.86% 0.0648 241.38)` | Gibraltar Sea | white, 11.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #160d1a 0.0%, #1b0f1f 3.2%, #241025 6.5%, #2e122c 9.7%, #3b1332 12.9%, #491536 16.1%, #58173a 19.4%, #681b3c 22.6%, #791f3e 25.8%, #8b253e 29.0%, #9e2d3d 32.3%, #af373a 35.5%, #bf4234 38.7%, #cc4f2e 41.9%, #d85e2e 45.2%, #e36f33 48.4%, #ec7f38 51.6%, #f18e3c 54.8%, #ee9b3c 58.1%, #e3a63a 61.3%, #ccaf40 64.5%, #abb454 67.7%, #85b46c 71.0%, #62ae81 74.2%, #49a48e 77.4%, #3b9893 80.6%, #32888f 83.9%, #2a7685 87.1%, #226478 90.3%, #1b536b 93.5%, #15455f 96.8%, #133b56 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(17.72% 0.0289 315.00) 0.0%, oklch(19.23% 0.0370 318.97) 3.2%, oklch(21.24% 0.0484 324.42) 6.5%, oklch(23.66% 0.0617 330.89) 9.7%, oklch(26.39% 0.0760 337.92) 12.9%, oklch(29.35% 0.0900 345.04) 16.1%, oklch(32.44% 0.1025 351.78) 19.4%, oklch(35.74% 0.1138 358.03) 22.6%, oklch(39.44% 0.1256 4.29) 25.8%, oklch(43.40% 0.1372 10.57) 29.0%, oklch(47.46% 0.1477 16.88) 32.3%, oklch(51.46% 0.1564 23.22) 35.5%, oklch(55.26% 0.1625 29.59) 38.7%, oklch(58.89% 0.1652 35.67) 41.9%, oklch(62.87% 0.1648 40.58) 45.2%, oklch(66.91% 0.1621 45.08) 48.4%, oklch(70.66% 0.1576 50.10) 51.6%, oklch(73.74% 0.1519 56.58) 54.8%, oklch(75.80% 0.1457 65.45) 58.1%, oklch(76.48% 0.1393 77.73) 61.3%, oklch(75.90% 0.1313 94.44) 64.5%, oklch(74.32% 0.1220 114.25) 67.7%, oklch(71.96% 0.1122 135.43) 71.0%, oklch(69.02% 0.1025 156.28) 74.2%, oklch(65.73% 0.0939 175.08) 77.4%, oklch(62.28% 0.0870 190.18) 80.6%, oklch(57.90% 0.0814 202.59) 83.9%, oklch(52.63% 0.0767 213.32) 87.1%, oklch(47.03% 0.0728 222.48) 90.3%, oklch(41.65% 0.0695 230.14) 93.5%, oklch(37.08% 0.0669 236.41) 96.8%, oklch(33.86% 0.0648 241.38) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.177 | 0.029 | 315 |
| 2 | 0.331 | 0.105 | 353 |
| 3 | 0.567 | 0.164 | 392.1 |
| 4 | 0.764 | 0.142 | 432.3 |
| 5 | 0.63 | 0.088 | 547.5 |
| 6 | 0.339 | 0.065 | 601.4 |

## In these collections

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

## Other forms

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