# Violet magenta and coral angular gradient

Deep aubergine moves through violet into hot magenta and coral red, then circles back through muted plum to its dark beginning. The angular gradient combines bright pink energy with a grounded purple edge. Use these colors for expressive website heroes, creative portfolios, music graphics, and bold campaign backgrounds.

- Also called: Seamless vivid purple and pink angular gradient
- Seed: `kUOjjXR1u_9JOSKdHDcg`
- Page: https://grabient.com/kUOjjXR1u_9JOSKdHDcg?style=angularGradient&steps=40&angle=30
- Drawn as: angular gradient, 40 steps, 30 degrees
- Kinds: light center, vivid, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 5 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 | `#24103a` | `oklch(22.83% 0.0772 302.34)` | Blacklist | white, 17.3 to 1 |
| 2 | `#281241` | `oklch(24.36% 0.0855 302.14)` | Shadow Planet | white, 16.7 to 1 |
| 3 | `#2e154b` | `oklch(26.35% 0.0966 301.60)` | Russian Violet | white, 15.8 to 1 |
| 4 | `#351757` | `oklch(28.71% 0.1099 300.83)` | Fabric of Space | white, 14.8 to 1 |
| 5 | `#3c1a66` | `oklch(31.37% 0.1251 299.92)` | Christalle | white, 13.6 to 1 |
| 6 | `#451e76` | `oklch(34.26% 0.1414 298.98)` | Explorer of the Galaxies | white, 12.4 to 1 |
| 7 | `#4d2187` | `oklch(37.29% 0.1584 298.10)` | Occult | white, 11.1 to 1 |
| 8 | `#572599` | `oklch(40.38% 0.1756 297.39)` | Eine Kleine Nachtmusik | white, 9.9 to 1 |
| 9 | `#6028ab` | `oklch(43.46% 0.1923 296.96)` | Royalty | white, 8.7 to 1 |
| 10 | `#6a2cbc` | `oklch(46.45% 0.2082 296.89)` | Purple Emperor | white, 7.7 to 1 |
| 11 | `#742fcc` | `oklch(49.26% 0.2227 297.29)` | Puissant Purple | white, 6.9 to 1 |
| 12 | `#7e31da` | `oklch(51.83% 0.2352 298.27)` | Hokkaido Lavender | white, 6.2 to 1 |
| 13 | `#8933e4` | `oklch(54.07% 0.2452 299.92)` | Bright Blue Violet | white, 5.7 to 1 |
| 14 | `#9334ea` | `oklch(55.91% 0.2522 302.34)` | Bright Blue Violet | white, 5.3 to 1 |
| 15 | `#a034ec` | `oklch(57.51% 0.2565 306.01)` | Sweet Desire | white, 5 to 1 |
| 16 | `#ae33ea` | `oklch(59.09% 0.2591 311.13)` | Sweet Desire | white, 4.7 to 1 |
| 17 | `#bd31e4` | `oklch(60.60% 0.2601 317.39)` | Shades of Rhodonite | black, 4.7 to 1 |
| 18 | `#cd30da` | `oklch(62.02% 0.2597 324.50)` | Demonic Purple | black, 5 to 1 |
| 19 | `#db2ecd` | `oklch(63.31% 0.2579 332.14)` | Passionate Pink | black, 5.2 to 1 |
| 20 | `#e82dbd` | `oklch(64.43% 0.2550 340.02)` | Kriss Me Not Fuchsia | black, 5.5 to 1 |
| 21 | `#f32dab` | `oklch(65.34% 0.2510 347.83)` | Magnificent Magenta | black, 5.7 to 1 |
| 22 | `#fa2f99` | `oklch(66.02% 0.2463 355.27)` | Wild Strawberry | black, 5.9 to 1 |
| 23 | `#ff3388` | `oklch(66.42% 0.2408 2.04)` | Lilac Lotion | black, 6 to 1 |
| 24 | `#ff3979` | `oklch(66.51% 0.2322 7.83)` | Diva Pink | black, 6.1 to 1 |
| 25 | `#fe3c6c` | `oklch(66.25% 0.2283 12.34)` | Laser Trap | black, 6 to 1 |
| 26 | `#fa3f63` | `oklch(65.62% 0.2217 15.27)` | Neon Fuchsia | black, 5.9 to 1 |
| 27 | `#f4405f` | `oklch(64.57% 0.2150 16.32)` | Munch on Melon | black, 5.7 to 1 |
| 28 | `#eb3e5e` | `oklch(62.89% 0.2073 15.27)` | Eugenia Red | black, 5.3 to 1 |
| 29 | `#de3b61` | `oklch(60.50% 0.1979 12.34)` | Intense Passion | black, 4.8 to 1 |
| 30 | `#cd3864` | `oklch(57.52% 0.1872 7.83)` | Raspberry Jam | white, 4.8 to 1 |
| 31 | `#bb3367` | `oklch(54.07% 0.1755 2.04)` | Valentine’s Kiss | white, 5.5 to 1 |
| 32 | `#a62f68` | `oklch(50.29% 0.1630 355.27)` | Vivacious | white, 6.4 to 1 |
| 33 | `#912b68` | `oklch(46.28% 0.1502 347.83)` | Beetiful Magenta | white, 7.6 to 1 |
| 34 | `#7b2765` | `oklch(42.19% 0.1373 340.02)` | Grape Juice | white, 9 to 1 |
| 35 | `#67235f` | `oklch(38.14% 0.1247 332.14)` | Palatinate Purple | white, 10.6 to 1 |
| 36 | `#541e58` | `oklch(34.25% 0.1127 324.50)` | Purple Velour | white, 12.3 to 1 |
| 37 | `#431a50` | `oklch(30.65% 0.1016 317.39)` | Plunged Into Darkness | white, 13.9 to 1 |
| 38 | `#361648` | `oklch(27.46% 0.0918 311.13)` | Russian Violet | white, 15.3 to 1 |
| 39 | `#2b1340` | `oklch(24.81% 0.0835 306.01)` | Oily Purple | white, 16.5 to 1 |
| 40 | `#24103a` | `oklch(22.83% 0.0772 302.34)` | Blacklist | white, 17.3 to 1 |

## CSS

```css
background: conic-gradient(from 30deg, #24103a 0.0%, #281241 2.6%, #2e154b 5.1%, #351757 7.7%, #3c1a66 10.3%, #451e76 12.8%, #4d2187 15.4%, #572599 17.9%, #6028ab 20.5%, #6a2cbc 23.1%, #742fcc 25.6%, #7e31da 28.2%, #8933e4 30.8%, #9334ea 33.3%, #a034ec 35.9%, #ae33ea 38.5%, #bd31e4 41.0%, #cd30da 43.6%, #db2ecd 46.2%, #e82dbd 48.7%, #f32dab 51.3%, #fa2f99 53.8%, #ff3388 56.4%, #ff3979 59.0%, #fe3c6c 61.5%, #fa3f63 64.1%, #f4405f 66.7%, #eb3e5e 69.2%, #de3b61 71.8%, #cd3864 74.4%, #bb3367 76.9%, #a62f68 79.5%, #912b68 82.1%, #7b2765 84.6%, #67235f 87.2%, #541e58 89.7%, #431a50 92.3%, #361648 94.9%, #2b1340 97.4%, #24103a 100.0%);
background: conic-gradient(from 30deg in oklch, oklch(22.83% 0.0772 302.34) 0.0%, oklch(24.36% 0.0855 302.14) 2.6%, oklch(26.35% 0.0966 301.60) 5.1%, oklch(28.71% 0.1099 300.83) 7.7%, oklch(31.37% 0.1251 299.92) 10.3%, oklch(34.26% 0.1414 298.98) 12.8%, oklch(37.29% 0.1584 298.10) 15.4%, oklch(40.38% 0.1756 297.39) 17.9%, oklch(43.46% 0.1923 296.96) 20.5%, oklch(46.45% 0.2082 296.89) 23.1%, oklch(49.26% 0.2227 297.29) 25.6%, oklch(51.83% 0.2352 298.27) 28.2%, oklch(54.07% 0.2452 299.92) 30.8%, oklch(55.91% 0.2522 302.34) 33.3%, oklch(57.51% 0.2565 306.01) 35.9%, oklch(59.09% 0.2591 311.13) 38.5%, oklch(60.60% 0.2601 317.39) 41.0%, oklch(62.02% 0.2597 324.50) 43.6%, oklch(63.31% 0.2579 332.14) 46.2%, oklch(64.43% 0.2550 340.02) 48.7%, oklch(65.34% 0.2510 347.83) 51.3%, oklch(66.02% 0.2463 355.27) 53.8%, oklch(66.42% 0.2408 2.04) 56.4%, oklch(66.51% 0.2322 7.83) 59.0%, oklch(66.25% 0.2283 12.34) 61.5%, oklch(65.62% 0.2217 15.27) 64.1%, oklch(64.57% 0.2150 16.32) 66.7%, oklch(62.89% 0.2073 15.27) 69.2%, oklch(60.50% 0.1979 12.34) 71.8%, oklch(57.52% 0.1872 7.83) 74.4%, oklch(54.07% 0.1755 2.04) 76.9%, oklch(50.29% 0.1630 355.27) 79.5%, oklch(46.28% 0.1502 347.83) 82.1%, oklch(42.19% 0.1373 340.02) 84.6%, oklch(38.14% 0.1247 332.14) 87.2%, oklch(34.25% 0.1127 324.50) 89.7%, oklch(30.65% 0.1016 317.39) 92.3%, oklch(27.46% 0.0918 311.13) 94.9%, oklch(24.81% 0.0835 306.01) 97.4%, oklch(22.83% 0.0772 302.34) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.228 | 0.077 | 302.3 |
| 2 | 0.559 | 0.252 | 302.3 |
| 3 | 0.646 | 0.215 | 376.3 |
| 4 | 0.228 | 0.077 | 302.3 |

## In these collections

- [Hero section gradients](https://grabient.com/hero-section-gradients)

## Other forms

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