# Vivid tritone purple, blue and green radial gradient

Vivid tritone purple, blue and green radial gradient with 32 colors: #c517a7, #bf15ae, #b612b9, #aa10c5, #9e10d0, #9312d9, #8715e0, #7a19e7, #6d20eb, #6228ee, #572fef, #4e37ef, #443fee, #394aeb, #2d56e5, #2963dc, #2c6fd2, #2d7ac9, #2385c3, #0092ba, #009dad, #00a8a0, #28b192, #36b987, #36c27c, #32ca70, #34d262, #45d654, #55da49, #61dc42, #6ade3f, #70df3c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kckK3wQ128z_fvPBVT3yq-9Ncstzhy7z5tA-4`
- Page: https://grabient.com/kckK3wQ128z_fvPBVT3yq-9Ncstzhy7z5tA-4?style=radialGradient&steps=32&angle=315
- Drawn as: radial gradient, 32 steps, 315 degrees
- Kinds: vivid, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 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 | `#c517a7` | `oklch(56.69% 0.2384 337.50)` | Mystifying Magenta | white, 5.1 to 1 |
| 2 | `#bf15ae` | `oklch(56.05% 0.2417 333.30)` | Punk Rock Purple | white, 5.3 to 1 |
| 3 | `#b612b9` | `oklch(55.12% 0.2466 327.30)` | Kinky Koala | white, 5.5 to 1 |
| 4 | `#aa10c5` | `oklch(54.08% 0.2518 320.46)` | Ferocious Fuchsia | white, 5.8 to 1 |
| 5 | `#9e10d0` | `oklch(53.11% 0.2563 313.71)` | Prom Queen | white, 6 to 1 |
| 6 | `#9312d9` | `oklch(52.31% 0.2593 307.70)` | Vibrant Violet | white, 6.3 to 1 |
| 7 | `#8715e0` | `oklch(51.53% 0.2620 301.66)` | Purple Protest | white, 6.5 to 1 |
| 8 | `#7a19e7` | `oklch(50.82% 0.2640 295.70)` | Voluptuous Violet | white, 6.7 to 1 |
| 9 | `#6d20eb` | `oklch(50.27% 0.2645 290.08)` | Almost Royal | white, 6.8 to 1 |
| 10 | `#6228ee` | `oklch(49.98% 0.2628 285.05)` | Yíng Guāng Sè Purple | white, 6.8 to 1 |
| 11 | `#572fef` | `oklch(49.87% 0.2600 280.91)` | Blue Magenta | white, 6.8 to 1 |
| 12 | `#4e37ef` | `oklch(49.94% 0.2559 277.38)` | Royal Vessel | white, 6.7 to 1 |
| 13 | `#443fee` | `oklch(50.26% 0.2491 273.93)` | Bright Greek | white, 6.5 to 1 |
| 14 | `#394aeb` | `oklch(50.92% 0.2383 270.06)` | Bright Greek | white, 6.2 to 1 |
| 15 | `#2d56e5` | `oklch(52.00% 0.2208 265.97)` | Veteran’s Day Blue | white, 5.8 to 1 |
| 16 | `#2963dc` | `oklch(53.51% 0.1953 262.60)` | Blue Ruin | white, 5.3 to 1 |
| 17 | `#2c6fd2` | `oklch(55.30% 0.1674 258.54)` | Enchanting Sapphire | white, 4.8 to 1 |
| 18 | `#2d7ac9` | `oklch(57.25% 0.1430 252.26)` | Heirloom Hydrangea | black, 4.7 to 1 |
| 19 | `#2385c3` | `oklch(59.23% 0.1275 242.13)` | Klaxosaur Blue | black, 5.2 to 1 |
| 20 | `#0092ba` | `oklch(61.40% 0.1178 226.35)` | Blue Danube | black, 5.8 to 1 |
| 21 | `#009dad` | `oklch(63.70% 0.1093 207.32)` | Lake Blue | black, 6.4 to 1 |
| 22 | `#00a8a0` | `oklch(66.02% 0.1146 188.48)` | Jadestone | black, 7.1 to 1 |
| 23 | `#28b192` | `oklch(68.21% 0.1214 173.27)` | Aloha | black, 7.7 to 1 |
| 24 | `#36b987` | `oklch(70.27% 0.1344 163.37)` | Aztec Jade | black, 8.4 to 1 |
| 25 | `#36c27c` | `oklch(72.30% 0.1556 156.65)` | Googol | black, 9.1 to 1 |
| 26 | `#32ca70` | `oklch(74.22% 0.1793 152.00)` | Underwater Fern | black, 9.8 to 1 |
| 27 | `#34d262` | `oklch(75.93% 0.1999 148.32)` | UFO Green | black, 10.5 to 1 |
| 28 | `#45d654` | `oklch(77.34% 0.2122 144.71)` | Brazilianite | black, 11 to 1 |
| 29 | `#55da49` | `oklch(78.50% 0.2179 141.95)` | Scorpion Green | black, 11.4 to 1 |
| 30 | `#61dc42` | `oklch(79.44% 0.2198 140.07)` | Toxic Green | black, 11.8 to 1 |
| 31 | `#6ade3f` | `oklch(80.17% 0.2200 138.78)` | Tirisfal Lime | black, 12 to 1 |
| 32 | `#70df3c` | `oklch(80.71% 0.2205 137.77)` | Tirisfal Lime | black, 12.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #c517a7 0.0%, #bf15ae 3.2%, #b612b9 6.5%, #aa10c5 9.7%, #9e10d0 12.9%, #9312d9 16.1%, #8715e0 19.4%, #7a19e7 22.6%, #6d20eb 25.8%, #6228ee 29.0%, #572fef 32.3%, #4e37ef 35.5%, #443fee 38.7%, #394aeb 41.9%, #2d56e5 45.2%, #2963dc 48.4%, #2c6fd2 51.6%, #2d7ac9 54.8%, #2385c3 58.1%, #0092ba 61.3%, #009dad 64.5%, #00a8a0 67.7%, #28b192 71.0%, #36b987 74.2%, #36c27c 77.4%, #32ca70 80.6%, #34d262 83.9%, #45d654 87.1%, #55da49 90.3%, #61dc42 93.5%, #6ade3f 96.8%, #70df3c 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(56.69% 0.2384 337.50) 0.0%, oklch(56.05% 0.2417 333.30) 3.2%, oklch(55.12% 0.2466 327.30) 6.5%, oklch(54.08% 0.2518 320.46) 9.7%, oklch(53.11% 0.2563 313.71) 12.9%, oklch(52.31% 0.2593 307.70) 16.1%, oklch(51.53% 0.2620 301.66) 19.4%, oklch(50.82% 0.2640 295.70) 22.6%, oklch(50.27% 0.2645 290.08) 25.8%, oklch(49.98% 0.2628 285.05) 29.0%, oklch(49.87% 0.2600 280.91) 32.3%, oklch(49.94% 0.2559 277.38) 35.5%, oklch(50.26% 0.2491 273.93) 38.7%, oklch(50.92% 0.2383 270.06) 41.9%, oklch(52.00% 0.2208 265.97) 45.2%, oklch(53.51% 0.1953 262.60) 48.4%, oklch(55.30% 0.1674 258.54) 51.6%, oklch(57.25% 0.1430 252.26) 54.8%, oklch(59.23% 0.1275 242.13) 58.1%, oklch(61.40% 0.1178 226.35) 61.3%, oklch(63.70% 0.1093 207.32) 64.5%, oklch(66.02% 0.1146 188.48) 67.7%, oklch(68.21% 0.1214 173.27) 71.0%, oklch(70.27% 0.1344 163.37) 74.2%, oklch(72.30% 0.1556 156.65) 77.4%, oklch(74.22% 0.1793 152.00) 80.6%, oklch(75.93% 0.1999 148.32) 83.9%, oklch(77.34% 0.2122 144.71) 87.1%, oklch(78.50% 0.2179 141.95) 90.3%, oklch(79.44% 0.2198 140.07) 93.5%, oklch(80.17% 0.2200 138.78) 96.8%, oklch(80.71% 0.2205 137.77) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.567 | 0.238 | 337.5 |
| 2 | 0.528 | 0.258 | 311.1 |
| 3 | 0.5 | 0.263 | 285.7 |
| 4 | 0.512 | 0.234 | 268.8 |
| 5 | 0.587 | 0.131 | 245.6 |
| 6 | 0.685 | 0.123 | 171.6 |
| 7 | 0.768 | 0.208 | 146.2 |
| 8 | 0.807 | 0.22 | 137.8 |

## In these collections

- [Sequined feather costume](https://grabient.com/sequined-feather-costume)

## Other forms

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