# Rainbow from purple to teal radial gradient

Rainbow from purple to teal radial gradient with 32 colors: #31205b, #352263, #3b256e, #41297c, #492d8c, #51319e, #5a36af, #643ac0, #703ecf, #7c40db, #8a41e3, #9942e5, #a941e3, #b941dd, #c840d4, #d73fc6, #e43fb5, #f041a0, #f84489, #fe4a6f, #ff5551, #fd6027, #eb7600, #d48900, #be9600, #a3a100, #7cab34, #51b063, #21b183, #00ae9b, #00abab, #13a8b6. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUTErQR9RA9dKyvVKNQg`
- Page: https://grabient.com/kUTErQR9RA9dKyvVKNQg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, vivid, rainbow
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.2 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 | `#31205b` | `oklch(29.92% 0.1020 292.50)` | Cluedo Night | white, 14.1 to 1 |
| 2 | `#352263` | `oklch(31.49% 0.1100 292.63)` | Dark Dreams | white, 13.4 to 1 |
| 3 | `#3b256e` | `oklch(33.58% 0.1212 292.33)` | Explorer of the Galaxies | white, 12.5 to 1 |
| 4 | `#41297c` | `oklch(36.07% 0.1348 291.81)` | Clear Purple | white, 11.4 to 1 |
| 5 | `#492d8c` | `oklch(38.87% 0.1498 291.28)` | Majestic Eggplant | white, 10.3 to 1 |
| 6 | `#51319e` | `oklch(41.84% 0.1657 290.94)` | Royal Wisteria | white, 9.1 to 1 |
| 7 | `#5a36af` | `oklch(44.89% 0.1816 291.00)` | Royalty | white, 8.1 to 1 |
| 8 | `#643ac0` | `oklch(47.91% 0.1967 291.67)` | Purple Emperor | white, 7.2 to 1 |
| 9 | `#703ecf` | `oklch(50.78% 0.2102 293.16)` | Purple Rain | white, 6.4 to 1 |
| 10 | `#7c40db` | `oklch(53.40% 0.2215 295.66)` | Hokkaido Lavender | white, 5.7 to 1 |
| 11 | `#8a41e3` | `oklch(55.65% 0.2296 299.40)` | Thick Purple | white, 5.2 to 1 |
| 12 | `#9942e5` | `oklch(57.51% 0.2343 304.41)` | Chaste Blossoms | white, 4.9 to 1 |
| 13 | `#a941e3` | `oklch(59.22% 0.2368 310.30)` | Magenta Affair | white, 4.6 to 1 |
| 14 | `#b941dd` | `oklch(60.80% 0.2375 317.02)` | Ultraviolet Onsible | black, 4.8 to 1 |
| 15 | `#c840d4` | `oklch(62.24% 0.2364 324.53)` | Steel Pink | black, 5.1 to 1 |
| 16 | `#d73fc6` | `oklch(63.54% 0.2340 332.84)` | Pinkish Purple | black, 5.4 to 1 |
| 17 | `#e43fb5` | `oklch(64.72% 0.2304 341.91)` | Pink Bite | black, 5.6 to 1 |
| 18 | `#f041a0` | `oklch(65.77% 0.2259 351.74)` | Major Magenta | black, 5.9 to 1 |
| 19 | `#f84489` | `oklch(66.68% 0.2207 2.31)` | Lower Lip | black, 6.1 to 1 |
| 20 | `#fe4a6f` | `oklch(67.47% 0.2151 13.59)` | Infrared | black, 6.4 to 1 |
| 21 | `#ff5551` | `oklch(68.13% 0.2071 25.58)` | Fluorescent Red | black, 6.6 to 1 |
| 22 | `#fd6027` | `oklch(68.66% 0.2033 38.38)` | Circus | black, 6.8 to 1 |
| 23 | `#eb7600` | `oklch(68.96% 0.1741 53.43)` | Mee-hua Sunset | black, 7.1 to 1 |
| 24 | `#d48900` | `oklch(69.05% 0.1490 70.68)` | Fleur de Sel Caramel | black, 7.3 to 1 |
| 25 | `#be9600` | `oklch(68.96% 0.1409 89.41)` | Hidden Tribe | black, 7.5 to 1 |
| 26 | `#a3a100` | `oklch(68.74% 0.1491 108.95)` | Fistfull of Green | black, 7.6 to 1 |
| 27 | `#7cab34` | `oklch(68.42% 0.1550 128.61)` | Mamba Green | black, 7.7 to 1 |
| 28 | `#51b063` | `oklch(68.06% 0.1442 147.73)` | Chlorella Green | black, 7.7 to 1 |
| 29 | `#21b183` | `oklch(67.68% 0.1340 165.62)` | Dark Mountain Meadow | black, 7.6 to 1 |
| 30 | `#00ae9b` | `oklch(67.34% 0.1209 181.60)` | Pool Green | black, 7.5 to 1 |
| 31 | `#00abab` | `oklch(67.08% 0.1145 195.00)` | Jade Orchid | black, 7.4 to 1 |
| 32 | `#13a8b6` | `oklch(66.93% 0.1116 205.14)` | Bluebird | black, 7.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #31205b 0.0%, #352263 3.2%, #3b256e 6.5%, #41297c 9.7%, #492d8c 12.9%, #51319e 16.1%, #5a36af 19.4%, #643ac0 22.6%, #703ecf 25.8%, #7c40db 29.0%, #8a41e3 32.3%, #9942e5 35.5%, #a941e3 38.7%, #b941dd 41.9%, #c840d4 45.2%, #d73fc6 48.4%, #e43fb5 51.6%, #f041a0 54.8%, #f84489 58.1%, #fe4a6f 61.3%, #ff5551 64.5%, #fd6027 67.7%, #eb7600 71.0%, #d48900 74.2%, #be9600 77.4%, #a3a100 80.6%, #7cab34 83.9%, #51b063 87.1%, #21b183 90.3%, #00ae9b 93.5%, #00abab 96.8%, #13a8b6 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(29.92% 0.1020 292.50) 0.0%, oklch(31.49% 0.1100 292.63) 3.2%, oklch(33.58% 0.1212 292.33) 6.5%, oklch(36.07% 0.1348 291.81) 9.7%, oklch(38.87% 0.1498 291.28) 12.9%, oklch(41.84% 0.1657 290.94) 16.1%, oklch(44.89% 0.1816 291.00) 19.4%, oklch(47.91% 0.1967 291.67) 22.6%, oklch(50.78% 0.2102 293.16) 25.8%, oklch(53.40% 0.2215 295.66) 29.0%, oklch(55.65% 0.2296 299.40) 32.3%, oklch(57.51% 0.2343 304.41) 35.5%, oklch(59.22% 0.2368 310.30) 38.7%, oklch(60.80% 0.2375 317.02) 41.9%, oklch(62.24% 0.2364 324.53) 45.2%, oklch(63.54% 0.2340 332.84) 48.4%, oklch(64.72% 0.2304 341.91) 51.6%, oklch(65.77% 0.2259 351.74) 54.8%, oklch(66.68% 0.2207 2.31) 58.1%, oklch(67.47% 0.2151 13.59) 61.3%, oklch(68.13% 0.2071 25.58) 64.5%, oklch(68.66% 0.2033 38.38) 67.7%, oklch(68.96% 0.1741 53.43) 71.0%, oklch(69.05% 0.1490 70.68) 74.2%, oklch(68.96% 0.1409 89.41) 77.4%, oklch(68.74% 0.1491 108.95) 80.6%, oklch(68.42% 0.1550 128.61) 83.9%, oklch(68.06% 0.1442 147.73) 87.1%, oklch(67.68% 0.1340 165.62) 90.3%, oklch(67.34% 0.1209 181.60) 93.5%, oklch(67.08% 0.1145 195.00) 96.8%, oklch(66.93% 0.1116 205.14) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.299 | 0.102 | 292.5 |
| 2 | 0.563 | 0.231 | 301 |
| 3 | 0.685 | 0.205 | 393.9 |
| 4 | 0.669 | 0.112 | 565.1 |

## In these collections

- [Glitchy glam](https://grabient.com/glitchy-glam)

## Other forms

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