# Violet blue pink glow

Vivid tritone pink, blue and purple radial gradient with 48 colors: #e390b4, #e18fb8, #de8dbc, #da8cc2, #d68aca, #cf8ad1, #c889d9, #bf89e1, #b489e8, #a88aef, #9c8af3, #8f8bf7, #818bf9, #748bfa, #688bf9, #5e8af8, #5788f6, #5485f4, #5480f0, #577bec, #5b75e8, #616ee2, #6767dc, #6c60d4, #7159cc, #7652c4, #794cbc, #7d46b3, #7f40ab, #813ba4, #83379f, #84349b, #853199, #872f99, #882e9a, #8a2d9c, #8c2ca0, #8e2ca4, #902ca9, #922cae, #942db4, #962ebb, #982fc1, #9930c7, #9a31cc, #9b32d1, #9c32d5, #9d32d8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid tritone pink, blue and purple radial gradient
- Seed: `kUvk_60r61j0-xlG1r7g`
- Page: https://grabient.com/kUvk_60r61j0-xlG1r7g?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 3 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 | `#e390b4` | `oklch(74.80% 0.1089 352.27)` | Rosebloom | black, 8.9 to 1 |
| 2 | `#e18fb8` | `oklch(74.46% 0.1113 348.85)` | Chewing Gum Pink | black, 8.7 to 1 |
| 3 | `#de8dbc` | `oklch(74.08% 0.1143 344.32)` | Tempting Pink | black, 8.6 to 1 |
| 4 | `#da8cc2` | `oklch(73.64% 0.1180 338.86)` | Cyclamen | black, 8.5 to 1 |
| 5 | `#d68aca` | `oklch(73.16% 0.1221 332.64)` | Pink Punk | black, 8.3 to 1 |
| 6 | `#cf8ad1` | `oklch(72.64% 0.1266 325.85)` | Purception | black, 8.1 to 1 |
| 7 | `#c889d9` | `oklch(72.07% 0.1314 318.66)` | Purception | black, 8 to 1 |
| 8 | `#bf89e1` | `oklch(71.47% 0.1363 311.25)` | Luminous Lavender | black, 7.8 to 1 |
| 9 | `#b489e8` | `oklch(70.83% 0.1414 303.81)` | Luminous Lavender | black, 7.6 to 1 |
| 10 | `#a88aef` | `oklch(70.16% 0.1464 296.50)` | Lilac Geode | black, 7.5 to 1 |
| 11 | `#9c8af3` | `oklch(69.45% 0.1513 289.51)` | Lavender Blue Shadow | black, 7.3 to 1 |
| 12 | `#8f8bf7` | `oklch(68.72% 0.1560 283.02)` | Lavender Blue Shadow | black, 7.1 to 1 |
| 13 | `#818bf9` | `oklch(67.96% 0.1604 277.20)` | Lavender Blue Shadow | black, 7 to 1 |
| 14 | `#748bfa` | `oklch(67.17% 0.1644 272.24)` | Punch Out Glove | black, 6.8 to 1 |
| 15 | `#688bf9` | `oklch(66.36% 0.1679 268.31)` | Punch Out Glove | black, 6.6 to 1 |
| 16 | `#5e8af8` | `oklch(65.53% 0.1707 265.60)` | Punch Out Glove | black, 6.4 to 1 |
| 17 | `#5788f6` | `oklch(64.67% 0.1729 264.27)` | Blue Elemental | black, 6.2 to 1 |
| 18 | `#5485f4` | `oklch(63.69% 0.1743 264.30)` | Blue Elemental | black, 6 to 1 |
| 19 | `#5480f0` | `oklch(62.59% 0.1750 265.53)` | Blue Elemental | black, 5.7 to 1 |
| 20 | `#577bec` | `oklch(61.39% 0.1752 267.80)` | Blue Öyster Cult | black, 5.4 to 1 |
| 21 | `#5b75e8` | `oklch(60.12% 0.1750 270.94)` | Blue Öyster Cult | black, 5.1 to 1 |
| 22 | `#616ee2` | `oklch(58.79% 0.1744 274.80)` | Exodus Fruit | black, 4.8 to 1 |
| 23 | `#6767dc` | `oklch(57.44% 0.1736 279.22)` | Exodus Fruit | white, 4.6 to 1 |
| 24 | `#6c60d4` | `oklch(56.08% 0.1726 284.04)` | Dark Periwinkle | white, 4.9 to 1 |
| 25 | `#7159cc` | `oklch(54.75% 0.1716 289.10)` | Astro Purple | white, 5.2 to 1 |
| 26 | `#7652c4` | `oklch(53.47% 0.1706 294.24)` | Fuchsia Blue | white, 5.5 to 1 |
| 27 | `#794cbc` | `oklch(52.26% 0.1698 299.31)` | Harley Hair Purple | white, 5.8 to 1 |
| 28 | `#7d46b3` | `oklch(51.14% 0.1692 304.14)` | Harley Hair Purple | white, 6.2 to 1 |
| 29 | `#7f40ab` | `oklch(50.15% 0.1690 308.57)` | Shiner | white, 6.4 to 1 |
| 30 | `#813ba4` | `oklch(49.30% 0.1693 312.45)` | Shiner | white, 6.7 to 1 |
| 31 | `#83379f` | `oklch(48.63% 0.1701 315.61)` | Cadmium Violet | white, 6.9 to 1 |
| 32 | `#84349b` | `oklch(48.14% 0.1716 317.91)` | Dull Violet | white, 7.1 to 1 |
| 33 | `#853199` | `oklch(47.88% 0.1738 319.30)` | Leviathan Purple | white, 7.2 to 1 |
| 34 | `#872f99` | `oklch(47.83% 0.1768 320.16)` | Leviathan Purple | white, 7.2 to 1 |
| 35 | `#882e9a` | `oklch(47.96% 0.1804 320.56)` | Leviathan Purple | white, 7.2 to 1 |
| 36 | `#8a2d9c` | `oklch(48.26% 0.1846 320.57)` | Leviathan Purple | white, 7.1 to 1 |
| 37 | `#8c2ca0` | `oklch(48.70% 0.1891 320.25)` | Leviathan Purple | white, 7 to 1 |
| 38 | `#8e2ca4` | `oklch(49.25% 0.1941 319.63)` | Nebula Outpost | white, 6.9 to 1 |
| 39 | `#902ca9` | `oklch(49.89% 0.1992 318.79)` | Pleasant Purple | white, 6.7 to 1 |
| 40 | `#922cae` | `oklch(50.59% 0.2044 317.77)` | Minesweeper’s Purple | white, 6.5 to 1 |
| 41 | `#942db4` | `oklch(51.33% 0.2097 316.64)` | Minesweeper’s Purple | white, 6.3 to 1 |
| 42 | `#962ebb` | `oklch(52.09% 0.2149 315.44)` | Purple Vanity | white, 6.1 to 1 |
| 43 | `#982fc1` | `oklch(52.83% 0.2199 314.23)` | Purple Vanity | white, 6 to 1 |
| 44 | `#9930c7` | `oklch(53.54% 0.2246 313.07)` | Purple Vanity | white, 5.8 to 1 |
| 45 | `#9a31cc` | `oklch(54.19% 0.2289 312.01)` | Purple Vanity | white, 5.6 to 1 |
| 46 | `#9b32d1` | `oklch(54.75% 0.2327 311.11)` | Purple Vanity | white, 5.5 to 1 |
| 47 | `#9c32d5` | `oklch(55.20% 0.2359 310.42)` | Purple Vanity | white, 5.4 to 1 |
| 48 | `#9d32d8` | `oklch(55.51% 0.2384 310.00)` | Purple Vanity | white, 5.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e390b4 0.0%, #e18fb8 2.1%, #de8dbc 4.3%, #da8cc2 6.4%, #d68aca 8.5%, #cf8ad1 10.6%, #c889d9 12.8%, #bf89e1 14.9%, #b489e8 17.0%, #a88aef 19.1%, #9c8af3 21.3%, #8f8bf7 23.4%, #818bf9 25.5%, #748bfa 27.7%, #688bf9 29.8%, #5e8af8 31.9%, #5788f6 34.0%, #5485f4 36.2%, #5480f0 38.3%, #577bec 40.4%, #5b75e8 42.6%, #616ee2 44.7%, #6767dc 46.8%, #6c60d4 48.9%, #7159cc 51.1%, #7652c4 53.2%, #794cbc 55.3%, #7d46b3 57.4%, #7f40ab 59.6%, #813ba4 61.7%, #83379f 63.8%, #84349b 66.0%, #853199 68.1%, #872f99 70.2%, #882e9a 72.3%, #8a2d9c 74.5%, #8c2ca0 76.6%, #8e2ca4 78.7%, #902ca9 80.9%, #922cae 83.0%, #942db4 85.1%, #962ebb 87.2%, #982fc1 89.4%, #9930c7 91.5%, #9a31cc 93.6%, #9b32d1 95.7%, #9c32d5 97.9%, #9d32d8 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(74.80% 0.1089 352.27) 0.0%, oklch(74.46% 0.1113 348.85) 2.1%, oklch(74.08% 0.1143 344.32) 4.3%, oklch(73.64% 0.1180 338.86) 6.4%, oklch(73.16% 0.1221 332.64) 8.5%, oklch(72.64% 0.1266 325.85) 10.6%, oklch(72.07% 0.1314 318.66) 12.8%, oklch(71.47% 0.1363 311.25) 14.9%, oklch(70.83% 0.1414 303.81) 17.0%, oklch(70.16% 0.1464 296.50) 19.1%, oklch(69.45% 0.1513 289.51) 21.3%, oklch(68.72% 0.1560 283.02) 23.4%, oklch(67.96% 0.1604 277.20) 25.5%, oklch(67.17% 0.1644 272.24) 27.7%, oklch(66.36% 0.1679 268.31) 29.8%, oklch(65.53% 0.1707 265.60) 31.9%, oklch(64.67% 0.1729 264.27) 34.0%, oklch(63.69% 0.1743 264.30) 36.2%, oklch(62.59% 0.1750 265.53) 38.3%, oklch(61.39% 0.1752 267.80) 40.4%, oklch(60.12% 0.1750 270.94) 42.6%, oklch(58.79% 0.1744 274.80) 44.7%, oklch(57.44% 0.1736 279.22) 46.8%, oklch(56.08% 0.1726 284.04) 48.9%, oklch(54.75% 0.1716 289.10) 51.1%, oklch(53.47% 0.1706 294.24) 53.2%, oklch(52.26% 0.1698 299.31) 55.3%, oklch(51.14% 0.1692 304.14) 57.4%, oklch(50.15% 0.1690 308.57) 59.6%, oklch(49.30% 0.1693 312.45) 61.7%, oklch(48.63% 0.1701 315.61) 63.8%, oklch(48.14% 0.1716 317.91) 66.0%, oklch(47.88% 0.1738 319.30) 68.1%, oklch(47.83% 0.1768 320.16) 70.2%, oklch(47.96% 0.1804 320.56) 72.3%, oklch(48.26% 0.1846 320.57) 74.5%, oklch(48.70% 0.1891 320.25) 76.6%, oklch(49.25% 0.1941 319.63) 78.7%, oklch(49.89% 0.1992 318.79) 80.9%, oklch(50.59% 0.2044 317.77) 83.0%, oklch(51.33% 0.2097 316.64) 85.1%, oklch(52.09% 0.2149 315.44) 87.2%, oklch(52.83% 0.2199 314.23) 89.4%, oklch(53.54% 0.2246 313.07) 91.5%, oklch(54.19% 0.2289 312.01) 93.6%, oklch(54.75% 0.2327 311.11) 95.7%, oklch(55.20% 0.2359 310.42) 97.9%, oklch(55.51% 0.2384 310.00) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.748 | 0.109 | 352.3 |
| 2 | 0.65 | 0.172 | 264.6 |
| 3 | 0.48 | 0.172 | 318.4 |
| 4 | 0.555 | 0.238 | 310 |

## In these collections

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

## Other forms

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