# Vivid purple, pink, teal and light green radial gradient

Vivid purple, pink, teal and light green radial gradient with 32 colors: #a51acf, #ab1bca, #b21cc4, #ba1dbe, #c21fb6, #cb22ad, #d524a1, #de2893, #e62d83, #ed346f, #f23e57, #f34b35, #e76400, #d17e00, #bd8f00, #a69f00, #82ae36, #5bb769, #37bd8d, #1fc0a8, #1fc2ba, #27c5c5, #2acac9, #29d0c9, #2bd7c4, #3adeb9, #54e4a8, #75e892, #96ea78, #b4e95d, #cce843, #dce72c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUirfg0c1H16sVDxRLZg`
- Page: https://grabient.com/kUirfg0c1H16sVDxRLZg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, vivid, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.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 | `#a51acf` | `oklch(54.33% 0.2522 315.70)` | Telemagenta | white, 5.7 to 1 |
| 2 | `#ab1bca` | `oklch(54.89% 0.2501 319.08)` | Telemagenta | white, 5.6 to 1 |
| 3 | `#b21cc4` | `oklch(55.61% 0.2477 322.82)` | Magentleman | white, 5.4 to 1 |
| 4 | `#ba1dbe` | `oklch(56.46% 0.2450 327.04)` | Fuchsia Flair | white, 5.2 to 1 |
| 5 | `#c21fb6` | `oklch(57.41% 0.2419 331.83)` | Fuchsia Flair | white, 5 to 1 |
| 6 | `#cb22ad` | `oklch(58.44% 0.2385 337.31)` | Perfectly Purple Place | white, 4.8 to 1 |
| 7 | `#d524a1` | `oklch(59.52% 0.2346 343.56)` | Melodramatic Magenta | black, 4.5 to 1 |
| 8 | `#de2893` | `oklch(60.62% 0.2303 350.71)` | Myoga Purple | black, 4.8 to 1 |
| 9 | `#e62d83` | `oklch(61.73% 0.2255 358.85)` | Mystic Magenta | black, 5 to 1 |
| 10 | `#ed346f` | `oklch(62.81% 0.2201 8.09)` | Fantasy Romance | black, 5.3 to 1 |
| 11 | `#f23e57` | `oklch(63.84% 0.2143 18.52)` | Vineyard Autumn | black, 5.5 to 1 |
| 12 | `#f34b35` | `oklch(64.81% 0.2075 30.86)` | Vermilion Bird | black, 5.8 to 1 |
| 13 | `#e76400` | `oklch(65.76% 0.1828 46.68)` | Spanish Orange | black, 6.2 to 1 |
| 14 | `#d17e00` | `oklch(66.68% 0.1493 65.22)` | Autumn Leaf Orange | black, 6.6 to 1 |
| 15 | `#bd8f00` | `oklch(67.60% 0.1385 85.50)` | Moutarde de Bénichon | black, 7.1 to 1 |
| 16 | `#a69f00` | `oklch(68.53% 0.1466 106.55)` | Fistfull of Green | black, 7.5 to 1 |
| 17 | `#82ae36` | `oklch(69.47% 0.1544 127.39)` | Football Field | black, 8 to 1 |
| 18 | `#5bb769` | `oklch(70.44% 0.1439 147.05)` | Lawn Party | black, 8.4 to 1 |
| 19 | `#37bd8d` | `oklch(71.45% 0.1347 164.57)` | Aztec Jade | black, 8.8 to 1 |
| 20 | `#1fc0a8` | `oklch(72.51% 0.1275 178.99)` | Turquoise | black, 9.1 to 1 |
| 21 | `#1fc2ba` | `oklch(73.63% 0.1228 189.32)` | Swimmers Pool | black, 9.4 to 1 |
| 22 | `#27c5c5` | `oklch(74.82% 0.1211 194.64)` | Cala Benirrás Blue | black, 9.8 to 1 |
| 23 | `#2acac9` | `oklch(76.18% 0.1227 194.84)` | Mermaid Net | black, 10.3 to 1 |
| 24 | `#29d0c9` | `oklch(77.69% 0.1271 190.77)` | Blue Martina | black, 10.9 to 1 |
| 25 | `#2bd7c4` | `oklch(79.30% 0.1337 183.35)` | Turquoise Panic | black, 11.6 to 1 |
| 26 | `#3adeb9` | `oklch(80.96% 0.1418 173.47)` | Celestial Green | black, 12.3 to 1 |
| 27 | `#54e4a8` | `oklch(82.61% 0.1509 162.04)` | Medium Aquamarine | black, 13 to 1 |
| 28 | `#75e892` | `oklch(84.20% 0.1603 149.96)` | Ragweed | black, 13.7 to 1 |
| 29 | `#96ea78` | `oklch(85.68% 0.1694 138.13)` | Herbivore | black, 14.2 to 1 |
| 30 | `#b4e95d` | `oklch(87.01% 0.1776 127.45)` | Inchworm | black, 14.7 to 1 |
| 31 | `#cce843` | `oklch(88.12% 0.1842 118.82)` | Lime Fizz | black, 15.1 to 1 |
| 32 | `#dce72c` | `oklch(88.98% 0.1888 113.16)` | Yellow Duranta | black, 15.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #a51acf 0.0%, #ab1bca 3.2%, #b21cc4 6.5%, #ba1dbe 9.7%, #c21fb6 12.9%, #cb22ad 16.1%, #d524a1 19.4%, #de2893 22.6%, #e62d83 25.8%, #ed346f 29.0%, #f23e57 32.3%, #f34b35 35.5%, #e76400 38.7%, #d17e00 41.9%, #bd8f00 45.2%, #a69f00 48.4%, #82ae36 51.6%, #5bb769 54.8%, #37bd8d 58.1%, #1fc0a8 61.3%, #1fc2ba 64.5%, #27c5c5 67.7%, #2acac9 71.0%, #29d0c9 74.2%, #2bd7c4 77.4%, #3adeb9 80.6%, #54e4a8 83.9%, #75e892 87.1%, #96ea78 90.3%, #b4e95d 93.5%, #cce843 96.8%, #dce72c 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(54.33% 0.2522 315.70) 0.0%, oklch(54.89% 0.2501 319.08) 3.2%, oklch(55.61% 0.2477 322.82) 6.5%, oklch(56.46% 0.2450 327.04) 9.7%, oklch(57.41% 0.2419 331.83) 12.9%, oklch(58.44% 0.2385 337.31) 16.1%, oklch(59.52% 0.2346 343.56) 19.4%, oklch(60.62% 0.2303 350.71) 22.6%, oklch(61.73% 0.2255 358.85) 25.8%, oklch(62.81% 0.2201 8.09) 29.0%, oklch(63.84% 0.2143 18.52) 32.3%, oklch(64.81% 0.2075 30.86) 35.5%, oklch(65.76% 0.1828 46.68) 38.7%, oklch(66.68% 0.1493 65.22) 41.9%, oklch(67.60% 0.1385 85.50) 45.2%, oklch(68.53% 0.1466 106.55) 48.4%, oklch(69.47% 0.1544 127.39) 51.6%, oklch(70.44% 0.1439 147.05) 54.8%, oklch(71.45% 0.1347 164.57) 58.1%, oklch(72.51% 0.1275 178.99) 61.3%, oklch(73.63% 0.1228 189.32) 64.5%, oklch(74.82% 0.1211 194.64) 67.7%, oklch(76.18% 0.1227 194.84) 71.0%, oklch(77.69% 0.1271 190.77) 74.2%, oklch(79.30% 0.1337 183.35) 77.4%, oklch(80.96% 0.1418 173.47) 80.6%, oklch(82.61% 0.1509 162.04) 83.9%, oklch(84.20% 0.1603 149.96) 87.1%, oklch(85.68% 0.1694 138.13) 90.3%, oklch(87.01% 0.1776 127.45) 93.5%, oklch(88.12% 0.1842 118.82) 96.8%, oklch(88.98% 0.1888 113.16) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.543 | 0.252 | 315.7 |
| 2 | 0.642 | 0.212 | 382.3 |
| 3 | 0.744 | 0.121 | 553.5 |
| 4 | 0.89 | 0.189 | 473.2 |

## In these collections

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

## Other forms

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