# Navy, purple, teal and yellow radial gradient

Navy, purple, teal and yellow radial gradient with 32 colors: #2c2665, #302a6b, #342f74, #39367e, #3f3d8a, #474596, #504ca2, #5b53ac, #6958b4, #795dbc, #8b62c2, #9e67c6, #b26bc7, #c66fc3, #da73b8, #ea78a8, #f57e90, #f6896e, #e89a4f, #ccac4c, #a7bb69, #88c38a, #75c5a5, #70c7b5, #71cabb, #75ceb8, #7ed2ad, #92d59a, #aed483, #cbd16d, #e4cc60, #f3c85b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWUE7JQbNAlw2SNiIFT7DE04`
- Page: https://grabient.com/kWUE7JQbNAlw2SNiIFT7DE04?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, pastel, multicolor
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 8.4 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 | `#2c2665` | `oklch(31.50% 0.1075 282.66)` | Indie Go | white, 13.3 to 1 |
| 2 | `#302a6b` | `oklch(33.10% 0.1103 282.57)` | Blue Rose | white, 12.6 to 1 |
| 3 | `#342f74` | `oklch(35.23% 0.1143 281.92)` | Ballpoint Indigo | white, 11.6 to 1 |
| 4 | `#39367e` | `oklch(37.77% 0.1190 281.11)` | Ballpoint Indigo | white, 10.5 to 1 |
| 5 | `#3f3d8a` | `oklch(40.60% 0.1241 280.57)` | Clematis Blue | white, 9.3 to 1 |
| 6 | `#474596` | `oklch(43.58% 0.1293 280.70)` | Galaxy Express | white, 8.2 to 1 |
| 7 | `#504ca2` | `oklch(46.59% 0.1341 281.92)` | Liberty | white, 7.2 to 1 |
| 8 | `#5b53ac` | `oklch(49.52% 0.1382 284.65)` | Brandywine Raspberry | white, 6.4 to 1 |
| 9 | `#6958b4` | `oklch(52.24% 0.1412 289.26)` | Blue Marguerite | white, 5.7 to 1 |
| 10 | `#795dbc` | `oklch(55.07% 0.1440 294.97)` | Fuchsia Blue | white, 5.1 to 1 |
| 11 | `#8b62c2` | `oklch(58.06% 0.1468 301.56)` | Lusty Lavender | black, 4.6 to 1 |
| 12 | `#9e67c6` | `oklch(61.09% 0.1493 309.24)` | Amethyst | black, 5.2 to 1 |
| 13 | `#b26bc7` | `oklch(64.07% 0.1512 318.22)` | Lavendless | black, 5.8 to 1 |
| 14 | `#c66fc3` | `oklch(66.88% 0.1521 328.72)` | Gulābī Pink | black, 6.4 to 1 |
| 15 | `#da73b8` | `oklch(69.41% 0.1519 340.94)` | Purple Hollyhock | black, 7.1 to 1 |
| 16 | `#ea78a8` | `oklch(71.55% 0.1503 355.10)` | Pink Carnation | black, 7.7 to 1 |
| 17 | `#f57e90` | `oklch(73.20% 0.1466 12.06)` | Xoxo | black, 8.2 to 1 |
| 18 | `#f6896e` | `oklch(74.32% 0.1398 34.97)` | Fruit Red | black, 8.7 to 1 |
| 19 | `#e89a4f` | `oklch(75.05% 0.1306 62.19)` | Colorado Peach | black, 9.1 to 1 |
| 20 | `#ccac4c` | `oklch(75.49% 0.1201 91.31)` | Yellow Lupine | black, 9.5 to 1 |
| 21 | `#a7bb69` | `oklch(75.79% 0.1095 119.94)` | Beach Bag | black, 9.9 to 1 |
| 22 | `#88c38a` | `oklch(76.05% 0.1000 145.67)` | Greengage | black, 10.1 to 1 |
| 23 | `#75c5a5` | `oklch(76.40% 0.0926 166.10)` | Gem Silica | black, 10.3 to 1 |
| 24 | `#70c7b5` | `oklch(76.97% 0.0886 178.81)` | Shockwave | black, 10.5 to 1 |
| 25 | `#71cabb` | `oklch(77.84% 0.0887 181.79)` | Shockwave | black, 10.8 to 1 |
| 26 | `#75ceb8` | `oklch(78.89% 0.0924 175.98)` | Bevelled Glass | black, 11.2 to 1 |
| 27 | `#7ed2ad` | `oklch(80.05% 0.0988 163.71)` | Pharaoh’s Jade | black, 11.7 to 1 |
| 28 | `#92d59a` | `oklch(81.25% 0.1068 147.32)` | May Apple | black, 12.1 to 1 |
| 29 | `#aed483` | `oklch(82.42% 0.1154 129.17)` | Davao Green | black, 12.5 to 1 |
| 30 | `#cbd16d` | `oklch(83.49% 0.1236 111.59)` | Daiquiri Green | black, 12.8 to 1 |
| 31 | `#e4cc60` | `oklch(84.39% 0.1305 96.92)` | Sulphur Pit | black, 13 to 1 |
| 32 | `#f3c85b` | `oklch(85.04% 0.1350 87.51)` | Deep Fried Sunrays | black, 13.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #2c2665 0.0%, #302a6b 3.2%, #342f74 6.5%, #39367e 9.7%, #3f3d8a 12.9%, #474596 16.1%, #504ca2 19.4%, #5b53ac 22.6%, #6958b4 25.8%, #795dbc 29.0%, #8b62c2 32.3%, #9e67c6 35.5%, #b26bc7 38.7%, #c66fc3 41.9%, #da73b8 45.2%, #ea78a8 48.4%, #f57e90 51.6%, #f6896e 54.8%, #e89a4f 58.1%, #ccac4c 61.3%, #a7bb69 64.5%, #88c38a 67.7%, #75c5a5 71.0%, #70c7b5 74.2%, #71cabb 77.4%, #75ceb8 80.6%, #7ed2ad 83.9%, #92d59a 87.1%, #aed483 90.3%, #cbd16d 93.5%, #e4cc60 96.8%, #f3c85b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(31.50% 0.1075 282.66) 0.0%, oklch(33.10% 0.1103 282.57) 3.2%, oklch(35.23% 0.1143 281.92) 6.5%, oklch(37.77% 0.1190 281.11) 9.7%, oklch(40.60% 0.1241 280.57) 12.9%, oklch(43.58% 0.1293 280.70) 16.1%, oklch(46.59% 0.1341 281.92) 19.4%, oklch(49.52% 0.1382 284.65) 22.6%, oklch(52.24% 0.1412 289.26) 25.8%, oklch(55.07% 0.1440 294.97) 29.0%, oklch(58.06% 0.1468 301.56) 32.3%, oklch(61.09% 0.1493 309.24) 35.5%, oklch(64.07% 0.1512 318.22) 38.7%, oklch(66.88% 0.1521 328.72) 41.9%, oklch(69.41% 0.1519 340.94) 45.2%, oklch(71.55% 0.1503 355.10) 48.4%, oklch(73.20% 0.1466 12.06) 51.6%, oklch(74.32% 0.1398 34.97) 54.8%, oklch(75.05% 0.1306 62.19) 58.1%, oklch(75.49% 0.1201 91.31) 61.3%, oklch(75.79% 0.1095 119.94) 64.5%, oklch(76.05% 0.1000 145.67) 67.7%, oklch(76.40% 0.0926 166.10) 71.0%, oklch(76.97% 0.0886 178.81) 74.2%, oklch(77.84% 0.0887 181.79) 77.4%, oklch(78.89% 0.0924 175.98) 80.6%, oklch(80.05% 0.0988 163.71) 83.9%, oklch(81.25% 0.1068 147.32) 87.1%, oklch(82.42% 0.1154 129.17) 90.3%, oklch(83.49% 0.1236 111.59) 93.5%, oklch(84.39% 0.1305 96.92) 96.8%, oklch(85.04% 0.1350 87.51) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.315 | 0.107 | 282.7 |
| 2 | 0.516 | 0.141 | 287.9 |
| 3 | 0.724 | 0.149 | 363 |
| 4 | 0.772 | 0.088 | 540.5 |
| 5 | 0.85 | 0.135 | 447.5 |

## In these collections

- [Throwback kid](https://grabient.com/throwback-kid)

## Other forms

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