# Rainbow from navy to pink radial gradient

Rainbow from navy to pink radial gradient with 32 colors: #121a37, #151f42, #192552, #1e2c66, #23357b, #273e92, #2a49a8, #2855bc, #1e62ca, #0171d4, #0081d3, #0090d4, #009ed5, #00abd5, #00b7d5, #16c1d2, #20c9ce, #21d1c9, #1fd8c2, #25deb7, #36e2a8, #50e392, #70e176, #92db4f, #b5d000, #d2bd00, #e6a800, #f78f00, #ff763a, #ff605e, #fa4f7b, #f04a91. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWOirAQL--1-tORnxLdVEwwY`
- Page: https://grabient.com/kWOirAQL--1-tORnxLdVEwwY?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, vivid, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 10.3 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 | `#121a37` | `oklch(22.83% 0.0579 270.00)` | Dark Knight | white, 17 to 1 |
| 2 | `#151f42` | `oklch(25.10% 0.0685 269.59)` | Konkikyō Blue | white, 16.1 to 1 |
| 3 | `#192552` | `oklch(28.15% 0.0839 269.42)` | Space Cadet | white, 14.7 to 1 |
| 4 | `#1e2c66` | `oklch(31.79% 0.1024 269.24)` | Mythical Night | white, 13 to 1 |
| 5 | `#23357b` | `oklch(35.80% 0.1221 268.80)` | Surf the Web | white, 11.2 to 1 |
| 6 | `#273e92` | `oklch(40.00% 0.1411 267.84)` | Navy Seal | white, 9.5 to 1 |
| 7 | `#2a49a8` | `oklch(44.16% 0.1576 266.11)` | The Blues Brothers | white, 7.9 to 1 |
| 8 | `#2855bc` | `oklch(48.10% 0.1698 263.37)` | Cerulean Blue | white, 6.7 to 1 |
| 9 | `#1e62ca` | `oklch(51.64% 0.1758 259.36)` | Janitor | white, 5.7 to 1 |
| 10 | `#0171d4` | `oklch(55.12% 0.1751 254.03)` | Wizard Blue | white, 4.8 to 1 |
| 11 | `#0081d3` | `oklch(58.68% 0.1566 247.63)` | Electron Blue | black, 5 to 1 |
| 12 | `#0090d4` | `oklch(62.20% 0.1433 240.32)` | Kahu Blue | black, 5.9 to 1 |
| 13 | `#009ed5` | `oklch(65.60% 0.1344 232.35)` | Structural Blue | black, 6.8 to 1 |
| 14 | `#00abd5` | `oklch(68.79% 0.1291 223.93)` | Battery Charged Blue | black, 7.7 to 1 |
| 15 | `#00b7d5` | `oklch(71.67% 0.1268 215.29)` | Ocean Sigh | black, 8.7 to 1 |
| 16 | `#16c1d2` | `oklch(74.14% 0.1244 206.63)` | The Crowd Roars! | black, 9.5 to 1 |
| 17 | `#20c9ce` | `oklch(76.16% 0.1250 198.19)` | Mermaid Net | black, 10.3 to 1 |
| 18 | `#21d1c9` | `oklch(77.88% 0.1299 190.06)` | Blue Martina | black, 11 to 1 |
| 19 | `#1fd8c2` | `oklch(79.33% 0.1379 181.99)` | Turquoise Panic | black, 11.6 to 1 |
| 20 | `#25deb7` | `oklch(80.48% 0.1479 173.69)` | Celestial Green | black, 12.1 to 1 |
| 21 | `#36e2a8` | `oklch(81.31% 0.1588 164.89)` | Lifeless Green | black, 12.5 to 1 |
| 22 | `#50e392` | `oklch(81.79% 0.1697 155.31)` | Aqua Green | black, 12.7 to 1 |
| 23 | `#70e176` | `oklch(81.91% 0.1796 144.67)` | Pastel Green | black, 12.7 to 1 |
| 24 | `#92db4f` | `oklch(81.63% 0.1873 132.69)` | Lilliputian Lime | black, 12.5 to 1 |
| 25 | `#b5d000` | `oklch(80.80% 0.1890 118.51)` | Lime Rasp | black, 11.9 to 1 |
| 26 | `#d2bd00` | `oklch(79.19% 0.1653 101.21)` | Mustard Flower | black, 11 to 1 |
| 27 | `#e6a800` | `oklch(77.02% 0.1587 81.92)` | Nectar of the Goddess | black, 9.9 to 1 |
| 28 | `#f78f00` | `oklch(74.53% 0.1717 61.86)` | Jú Huáng Tangerine | black, 8.8 to 1 |
| 29 | `#ff763a` | `oklch(71.96% 0.1825 42.28)` | Synthetic Pumpkin | black, 7.8 to 1 |
| 30 | `#ff605e` | `oklch(69.55% 0.1948 24.36)` | Fusion Red | black, 7 to 1 |
| 31 | `#fa4f7b` | `oklch(67.53% 0.2081 9.33)` | Macaroon Rose | black, 6.4 to 1 |
| 32 | `#f04a91` | `oklch(66.14% 0.2094 358.41)` | Majestic Magenta | black, 6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #121a37 0.0%, #151f42 3.2%, #192552 6.5%, #1e2c66 9.7%, #23357b 12.9%, #273e92 16.1%, #2a49a8 19.4%, #2855bc 22.6%, #1e62ca 25.8%, #0171d4 29.0%, #0081d3 32.3%, #0090d4 35.5%, #009ed5 38.7%, #00abd5 41.9%, #00b7d5 45.2%, #16c1d2 48.4%, #20c9ce 51.6%, #21d1c9 54.8%, #1fd8c2 58.1%, #25deb7 61.3%, #36e2a8 64.5%, #50e392 67.7%, #70e176 71.0%, #92db4f 74.2%, #b5d000 77.4%, #d2bd00 80.6%, #e6a800 83.9%, #f78f00 87.1%, #ff763a 90.3%, #ff605e 93.5%, #fa4f7b 96.8%, #f04a91 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(22.83% 0.0579 270.00) 0.0%, oklch(25.10% 0.0685 269.59) 3.2%, oklch(28.15% 0.0839 269.42) 6.5%, oklch(31.79% 0.1024 269.24) 9.7%, oklch(35.80% 0.1221 268.80) 12.9%, oklch(40.00% 0.1411 267.84) 16.1%, oklch(44.16% 0.1576 266.11) 19.4%, oklch(48.10% 0.1698 263.37) 22.6%, oklch(51.64% 0.1758 259.36) 25.8%, oklch(55.12% 0.1751 254.03) 29.0%, oklch(58.68% 0.1566 247.63) 32.3%, oklch(62.20% 0.1433 240.32) 35.5%, oklch(65.60% 0.1344 232.35) 38.7%, oklch(68.79% 0.1291 223.93) 41.9%, oklch(71.67% 0.1268 215.29) 45.2%, oklch(74.14% 0.1244 206.63) 48.4%, oklch(76.16% 0.1250 198.19) 51.6%, oklch(77.88% 0.1299 190.06) 54.8%, oklch(79.33% 0.1379 181.99) 58.1%, oklch(80.48% 0.1479 173.69) 61.3%, oklch(81.31% 0.1588 164.89) 64.5%, oklch(81.79% 0.1697 155.31) 67.7%, oklch(81.91% 0.1796 144.67) 71.0%, oklch(81.63% 0.1873 132.69) 74.2%, oklch(80.80% 0.1890 118.51) 77.4%, oklch(79.19% 0.1653 101.21) 80.6%, oklch(77.02% 0.1587 81.92) 83.9%, oklch(74.53% 0.1717 61.86) 87.1%, oklch(71.96% 0.1825 42.28) 90.3%, oklch(69.55% 0.1948 24.36) 93.5%, oklch(67.53% 0.2081 9.33) 96.8%, oklch(66.14% 0.2094 358.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.228 | 0.058 | 270 |
| 2 | 0.508 | 0.175 | 260.5 |
| 3 | 0.752 | 0.124 | 202.4 |
| 4 | 0.815 | 0.189 | 129.5 |
| 5 | 0.661 | 0.209 | -1.6 |

## In these collections

- [Locker sticker collage](https://grabient.com/locker-sticker-collage)

## Other forms

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