# Vivid tritone pink, purple and blue radial gradient

Vivid tritone pink, purple and blue radial gradient with 56 colors: #ff2f85, #fc3591, #f83da0, #f247b1, #ea51c2, #e05bd3, #d566e2, #c970f0, #bb7afa, #ac86ff, #9e91ff, #9099ff, #83a1ff, #75a7ff, #67adfe, #5eb1f9, #57b5f3, #52b7ee, #50b9ea, #4dbae7, #4bbae5, #49b9e3, #46b8e2, #42b6e2, #3eb5e2, #3bb2e3, #37b0e4, #35ade6, #34aae8, #34a6ea, #36a2ec, #3a9eee, #3e9af0, #4496f2, #4992f4, #4e8ff5, #538bf6, #5888f7, #5d86f8, #6283f9, #687ffa, #6e7cfa, #7479fb, #7a75fb, #8072fa, #876efa, #8d6bf9, #9367f8, #9864f6, #9e61f4, #a35ef2, #a75bf0, #ab58ee, #af55ec, #b253e9, #b551e8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUqLECXqswVK-w9P0kWg`
- Page: https://grabient.com/kUqLECXqswVK-w9P0kWg?style=radialGradient&steps=56&angle=0
- Drawn as: radial gradient, 56 steps, 0 degrees
- Kinds: even lightness, vivid
- Hues: two-hue
- Contrast of its darkest and lightest colors: 1.7 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 | `#ff2f85` | `oklch(66.14% 0.2430 2.81)` | Lilac Lotion | black, 5.9 to 1 |
| 2 | `#fc3591` | `oklch(66.42% 0.2399 358.60)` | Unicorn Dust | black, 6 to 1 |
| 3 | `#f83da0` | `oklch(66.78% 0.2347 353.25)` | Rose Bonbon | black, 6.1 to 1 |
| 4 | `#f247b1` | `oklch(67.22% 0.2285 346.91)` | Major Magenta | black, 6.2 to 1 |
| 5 | `#ea51c2` | `oklch(67.72% 0.2216 339.73)` | Kinky Pinky | black, 6.4 to 1 |
| 6 | `#e05bd3` | `oklch(68.28% 0.2139 331.86)` | Free Speech Magenta | black, 6.6 to 1 |
| 7 | `#d566e2` | `oklch(68.87% 0.2057 323.42)` | Sensual Fumes | black, 6.8 to 1 |
| 8 | `#c970f0` | `oklch(69.49% 0.1971 314.59)` | Fake Love | black, 7 to 1 |
| 9 | `#bb7afa` | `oklch(70.13% 0.1883 305.48)` | Illicit Purple | black, 7.3 to 1 |
| 10 | `#ac86ff` | `oklch(70.76% 0.1737 296.26)` | Lilac Geode | black, 7.6 to 1 |
| 11 | `#9e91ff` | `oklch(71.38% 0.1575 287.06)` | Cobalite | black, 7.9 to 1 |
| 12 | `#9099ff` | `oklch(71.98% 0.1474 278.03)` | Periwinkle Blue | black, 8.2 to 1 |
| 13 | `#83a1ff` | `oklch(72.54% 0.1416 269.31)` | Periwinkle Blue | black, 8.4 to 1 |
| 14 | `#75a7ff` | `oklch(73.05% 0.1394 261.05)` | Fennel Flower | black, 8.7 to 1 |
| 15 | `#67adfe` | `oklch(73.50% 0.1385 253.40)` | Tiān Lán Sky | black, 8.9 to 1 |
| 16 | `#5eb1f9` | `oklch(73.87% 0.1321 246.49)` | Tiān Lán Sky | black, 9.1 to 1 |
| 17 | `#57b5f3` | `oklch(74.16% 0.1267 240.47)` | Tiān Lán Sky | black, 9.3 to 1 |
| 18 | `#52b7ee` | `oklch(74.34% 0.1223 235.49)` | Sea Frolic | black, 9.4 to 1 |
| 19 | `#50b9ea` | `oklch(74.41% 0.1192 231.70)` | Sea Frolic | black, 9.4 to 1 |
| 20 | `#4dbae7` | `oklch(74.36% 0.1174 229.12)` | Nancy | black, 9.4 to 1 |
| 21 | `#4bbae5` | `oklch(74.19% 0.1167 227.44)` | Nancy | black, 9.4 to 1 |
| 22 | `#49b9e3` | `oklch(73.91% 0.1168 226.59)` | Lake Thun | black, 9.3 to 1 |
| 23 | `#46b8e2` | `oklch(73.54% 0.1178 226.47)` | Lake Thun | black, 9.2 to 1 |
| 24 | `#42b6e2` | `oklch(73.09% 0.1195 227.02)` | Sail Away | black, 9 to 1 |
| 25 | `#3eb5e2` | `oklch(72.56% 0.1219 228.16)` | Sail Away | black, 8.8 to 1 |
| 26 | `#3bb2e3` | `oklch(71.98% 0.1249 229.83)` | Summer Sky | black, 8.6 to 1 |
| 27 | `#37b0e4` | `oklch(71.35% 0.1283 231.94)` | Summer Sky | black, 8.4 to 1 |
| 28 | `#35ade6` | `oklch(70.69% 0.1321 234.44)` | Lynx Screen Blue | black, 8.2 to 1 |
| 29 | `#34aae8` | `oklch(70.01% 0.1363 237.24)` | Huelveño Horizon | black, 8 to 1 |
| 30 | `#34a6ea` | `oklch(69.31% 0.1407 240.27)` | Vivid Cerulean | black, 7.7 to 1 |
| 31 | `#36a2ec` | `oklch(68.62% 0.1452 243.46)` | Rockman Blue | black, 7.5 to 1 |
| 32 | `#3a9eee` | `oklch(67.94% 0.1497 246.74)` | Button Blue | black, 7.3 to 1 |
| 33 | `#3e9af0` | `oklch(67.29% 0.1542 250.04)` | Out of the Blue | black, 7.1 to 1 |
| 34 | `#4496f2` | `oklch(66.68% 0.1586 253.27)` | Polar Glow | black, 6.9 to 1 |
| 35 | `#4992f4` | `oklch(66.12% 0.1628 256.38)` | Polar Glow | black, 6.7 to 1 |
| 36 | `#4e8ff5` | `oklch(65.62% 0.1667 259.28)` | Blue Elemental | black, 6.5 to 1 |
| 37 | `#538bf6` | `oklch(65.20% 0.1702 261.91)` | Blue Elemental | black, 6.4 to 1 |
| 38 | `#5888f7` | `oklch(64.86% 0.1732 264.23)` | Skinny Jeans | black, 6.3 to 1 |
| 39 | `#5d86f8` | `oklch(64.56% 0.1763 266.64)` | Skinny Jeans | black, 6.2 to 1 |
| 40 | `#6283f9` | `oklch(64.30% 0.1795 269.24)` | Punch Out Glove | black, 6.1 to 1 |
| 41 | `#687ffa` | `oklch(64.07% 0.1827 272.01)` | Byzantine Night Blue | black, 6 to 1 |
| 42 | `#6e7cfa` | `oklch(63.86% 0.1861 274.91)` | Byzantine Night Blue | black, 5.9 to 1 |
| 43 | `#7479fb` | `oklch(63.68% 0.1895 277.92)` | Stargate Shimmer | black, 5.8 to 1 |
| 44 | `#7a75fb` | `oklch(63.53% 0.1929 281.00)` | Stargate Shimmer | black, 5.7 to 1 |
| 45 | `#8072fa` | `oklch(63.39% 0.1963 284.11)` | Bainganī | black, 5.7 to 1 |
| 46 | `#876efa` | `oklch(63.27% 0.1997 287.24)` | Blackthorn Berry | black, 5.6 to 1 |
| 47 | `#8d6bf9` | `oklch(63.17% 0.2030 290.35)` | Purple Anemone | black, 5.5 to 1 |
| 48 | `#9367f8` | `oklch(63.09% 0.2063 293.40)` | Purple Anemone | black, 5.5 to 1 |
| 49 | `#9864f6` | `oklch(63.01% 0.2094 296.36)` | Forgotten Kyawthuite | black, 5.4 to 1 |
| 50 | `#9e61f4` | `oklch(62.94% 0.2124 299.21)` | Orion Nebula | black, 5.4 to 1 |
| 51 | `#a35ef2` | `oklch(62.88% 0.2152 301.91)` | Orion Nebula | black, 5.4 to 1 |
| 52 | `#a75bf0` | `oklch(62.82% 0.2178 304.43)` | Orion Nebula | black, 5.3 to 1 |
| 53 | `#ab58ee` | `oklch(62.77% 0.2203 306.74)` | Light Shōtoku Purple | black, 5.3 to 1 |
| 54 | `#af55ec` | `oklch(62.72% 0.2224 308.81)` | Light Shōtoku Purple | black, 5.3 to 1 |
| 55 | `#b253e9` | `oklch(62.66% 0.2244 310.60)` | Light Shōtoku Purple | black, 5.3 to 1 |
| 56 | `#b551e8` | `oklch(62.60% 0.2260 312.09)` | Light Shōtoku Purple | black, 5.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ff2f85 0.0%, #fc3591 1.8%, #f83da0 3.6%, #f247b1 5.5%, #ea51c2 7.3%, #e05bd3 9.1%, #d566e2 10.9%, #c970f0 12.7%, #bb7afa 14.5%, #ac86ff 16.4%, #9e91ff 18.2%, #9099ff 20.0%, #83a1ff 21.8%, #75a7ff 23.6%, #67adfe 25.5%, #5eb1f9 27.3%, #57b5f3 29.1%, #52b7ee 30.9%, #50b9ea 32.7%, #4dbae7 34.5%, #4bbae5 36.4%, #49b9e3 38.2%, #46b8e2 40.0%, #42b6e2 41.8%, #3eb5e2 43.6%, #3bb2e3 45.5%, #37b0e4 47.3%, #35ade6 49.1%, #34aae8 50.9%, #34a6ea 52.7%, #36a2ec 54.5%, #3a9eee 56.4%, #3e9af0 58.2%, #4496f2 60.0%, #4992f4 61.8%, #4e8ff5 63.6%, #538bf6 65.5%, #5888f7 67.3%, #5d86f8 69.1%, #6283f9 70.9%, #687ffa 72.7%, #6e7cfa 74.5%, #7479fb 76.4%, #7a75fb 78.2%, #8072fa 80.0%, #876efa 81.8%, #8d6bf9 83.6%, #9367f8 85.5%, #9864f6 87.3%, #9e61f4 89.1%, #a35ef2 90.9%, #a75bf0 92.7%, #ab58ee 94.5%, #af55ec 96.4%, #b253e9 98.2%, #b551e8 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(66.14% 0.2430 2.81) 0.0%, oklch(66.42% 0.2399 358.60) 1.8%, oklch(66.78% 0.2347 353.25) 3.6%, oklch(67.22% 0.2285 346.91) 5.5%, oklch(67.72% 0.2216 339.73) 7.3%, oklch(68.28% 0.2139 331.86) 9.1%, oklch(68.87% 0.2057 323.42) 10.9%, oklch(69.49% 0.1971 314.59) 12.7%, oklch(70.13% 0.1883 305.48) 14.5%, oklch(70.76% 0.1737 296.26) 16.4%, oklch(71.38% 0.1575 287.06) 18.2%, oklch(71.98% 0.1474 278.03) 20.0%, oklch(72.54% 0.1416 269.31) 21.8%, oklch(73.05% 0.1394 261.05) 23.6%, oklch(73.50% 0.1385 253.40) 25.5%, oklch(73.87% 0.1321 246.49) 27.3%, oklch(74.16% 0.1267 240.47) 29.1%, oklch(74.34% 0.1223 235.49) 30.9%, oklch(74.41% 0.1192 231.70) 32.7%, oklch(74.36% 0.1174 229.12) 34.5%, oklch(74.19% 0.1167 227.44) 36.4%, oklch(73.91% 0.1168 226.59) 38.2%, oklch(73.54% 0.1178 226.47) 40.0%, oklch(73.09% 0.1195 227.02) 41.8%, oklch(72.56% 0.1219 228.16) 43.6%, oklch(71.98% 0.1249 229.83) 45.5%, oklch(71.35% 0.1283 231.94) 47.3%, oklch(70.69% 0.1321 234.44) 49.1%, oklch(70.01% 0.1363 237.24) 50.9%, oklch(69.31% 0.1407 240.27) 52.7%, oklch(68.62% 0.1452 243.46) 54.5%, oklch(67.94% 0.1497 246.74) 56.4%, oklch(67.29% 0.1542 250.04) 58.2%, oklch(66.68% 0.1586 253.27) 60.0%, oklch(66.12% 0.1628 256.38) 61.8%, oklch(65.62% 0.1667 259.28) 63.6%, oklch(65.20% 0.1702 261.91) 65.5%, oklch(64.86% 0.1732 264.23) 67.3%, oklch(64.56% 0.1763 266.64) 69.1%, oklch(64.30% 0.1795 269.24) 70.9%, oklch(64.07% 0.1827 272.01) 72.7%, oklch(63.86% 0.1861 274.91) 74.5%, oklch(63.68% 0.1895 277.92) 76.4%, oklch(63.53% 0.1929 281.00) 78.2%, oklch(63.39% 0.1963 284.11) 80.0%, oklch(63.27% 0.1997 287.24) 81.8%, oklch(63.17% 0.2030 290.35) 83.6%, oklch(63.09% 0.2063 293.40) 85.5%, oklch(63.01% 0.2094 296.36) 87.3%, oklch(62.94% 0.2124 299.21) 89.1%, oklch(62.88% 0.2152 301.91) 90.9%, oklch(62.82% 0.2178 304.43) 92.7%, oklch(62.77% 0.2203 306.74) 94.5%, oklch(62.72% 0.2224 308.81) 96.4%, oklch(62.66% 0.2244 310.60) 98.2%, oklch(62.60% 0.2260 312.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.661 | 0.244 | 2.8 |
| 2 | 0.744 | 0.119 | -129.3 |
| 3 | 0.65 | 0.172 | -96.5 |
| 4 | 0.626 | 0.226 | -47.9 |

## In these collections

- [Vaporwave gradients](https://grabient.com/vaporwave-gradients)

## Other forms

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