# Neon analogous blue, purple and pink angular gradient

Neon analogous blue, purple and pink angular gradient with 32 colors: #352898, #3a2aa1, #412bad, #4a2cbc, #552dcc, #612fdc, #6e30ea, #7b32f7, #8835ff, #963fff, #a446ff, #b44bff, #c44fff, #d352ff, #e255ff, #ec5bfd, #f462fc, #f969fc, #fc71fd, #fe79fd, #ff80fe, #ff87ff, #fe8fff, #fe96ff, #fe9dff, #fea4ff, #feabff, #feb1ff, #feb7ff, #febcff, #fec1ff, #fdc4ff. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWX33Gx2HBtzbw5oQUA8SQ_w`
- Page: https://grabient.com/kWX33Gx2HBtzbw5oQUA8SQ_w?style=angularGradient&steps=32&angle=45
- Drawn as: angular gradient, 32 steps, 45 degrees
- Kinds: dark to light, vivid, neon
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.6 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 | `#352898` | `oklch(37.40% 0.1722 279.14)` | Gentian Blue | white, 10.9 to 1 |
| 2 | `#3a2aa1` | `oklch(38.89% 0.1808 280.21)` | Purple Cabbage | white, 10.4 to 1 |
| 3 | `#412bad` | `oklch(40.90% 0.1931 281.52)` | Purple Cabbage | white, 9.6 to 1 |
| 4 | `#4a2cbc` | `oklch(43.29% 0.2078 283.06)` | Blue Depression | white, 8.8 to 1 |
| 5 | `#552dcc` | `oklch(45.94% 0.2235 284.86)` | Blue Purple | white, 7.9 to 1 |
| 6 | `#612fdc` | `oklch(48.70% 0.2389 286.91)` | Burple | white, 7.1 to 1 |
| 7 | `#6e30ea` | `oklch(51.47% 0.2527 289.23)` | Almost Royal | white, 6.4 to 1 |
| 8 | `#7b32f7` | `oklch(54.10% 0.2634 291.82)` | Szöllősi Grape | white, 5.7 to 1 |
| 9 | `#8835ff` | `oklch(56.48% 0.2699 294.70)` | Sweet Escape | white, 5.2 to 1 |
| 10 | `#963fff` | `oklch(58.81% 0.2623 298.29)` | Sugar Grape | white, 4.7 to 1 |
| 11 | `#a446ff` | `oklch(61.17% 0.2572 302.53)` | Vega Violet | black, 4.9 to 1 |
| 12 | `#b44bff` | `oklch(63.52% 0.2548 307.13)` | Vega Violet | black, 5.3 to 1 |
| 13 | `#c44fff` | `oklch(65.81% 0.2548 311.79)` | Pink Fever | black, 5.9 to 1 |
| 14 | `#d352ff` | `oklch(68.01% 0.2566 316.25)` | Pink Fever | black, 6.4 to 1 |
| 15 | `#e255ff` | `oklch(70.08% 0.2592 320.21)` | Flaming Flamingo | black, 6.9 to 1 |
| 16 | `#ec5bfd` | `oklch(71.97% 0.2550 323.38)` | Phenomenal Pink | black, 7.4 to 1 |
| 17 | `#f462fc` | `oklch(73.64% 0.2491 325.53)` | Hitsujiyama Pink | black, 7.9 to 1 |
| 18 | `#f969fc` | `oklch(75.11% 0.2417 326.83)` | Pink Flamingo | black, 8.4 to 1 |
| 19 | `#fc71fd` | `oklch(76.41% 0.2330 327.49)` | Electric Flamingo | black, 8.9 to 1 |
| 20 | `#fe79fd` | `oklch(77.57% 0.2234 327.65)` | Fuchsia Pink | black, 9.3 to 1 |
| 21 | `#ff80fe` | `oklch(78.63% 0.2131 327.49)` | Hottest of Pinks | black, 9.7 to 1 |
| 22 | `#ff87ff` | `oklch(79.64% 0.2025 327.17)` | Darling Bud | black, 10.1 to 1 |
| 23 | `#fe8fff` | `oklch(80.63% 0.1902 326.85)` | Darling Bud | black, 10.5 to 1 |
| 24 | `#fe96ff` | `oklch(81.63% 0.1787 326.69)` | Pinkalicious | black, 11 to 1 |
| 25 | `#fe9dff` | `oklch(82.68% 0.1677 326.72)` | Pinkalicious | black, 11.4 to 1 |
| 26 | `#fea4ff` | `oklch(83.76% 0.1562 326.65)` | Jigglypuff | black, 11.9 to 1 |
| 27 | `#feabff` | `oklch(84.84% 0.1445 326.52)` | Jigglypuff | black, 12.4 to 1 |
| 28 | `#feb1ff` | `oklch(85.87% 0.1333 326.33)` | Strawberry Buttercream | black, 12.9 to 1 |
| 29 | `#feb7ff` | `oklch(86.84% 0.1229 326.12)` | Distilled Rose | black, 13.4 to 1 |
| 30 | `#febcff` | `oklch(87.70% 0.1137 325.92)` | Distilled Rose | black, 13.8 to 1 |
| 31 | `#fec1ff` | `oklch(88.42% 0.1057 325.75)` | Distilled Rose | black, 14.2 to 1 |
| 32 | `#fdc4ff` | `oklch(88.98% 0.0992 325.64)` | Electric Lavender | black, 14.5 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #352898 0.0%, #3a2aa1 3.2%, #412bad 6.5%, #4a2cbc 9.7%, #552dcc 12.9%, #612fdc 16.1%, #6e30ea 19.4%, #7b32f7 22.6%, #8835ff 25.8%, #963fff 29.0%, #a446ff 32.3%, #b44bff 35.5%, #c44fff 38.7%, #d352ff 41.9%, #e255ff 45.2%, #ec5bfd 48.4%, #f462fc 51.6%, #f969fc 54.8%, #fc71fd 58.1%, #fe79fd 61.3%, #ff80fe 64.5%, #ff87ff 67.7%, #fe8fff 71.0%, #fe96ff 74.2%, #fe9dff 77.4%, #fea4ff 80.6%, #feabff 83.9%, #feb1ff 87.1%, #feb7ff 90.3%, #febcff 93.5%, #fec1ff 96.8%, #fdc4ff 100.0%);
background: conic-gradient(from 45deg in oklch, oklch(37.40% 0.1722 279.14) 0.0%, oklch(38.89% 0.1808 280.21) 3.2%, oklch(40.90% 0.1931 281.52) 6.5%, oklch(43.29% 0.2078 283.06) 9.7%, oklch(45.94% 0.2235 284.86) 12.9%, oklch(48.70% 0.2389 286.91) 16.1%, oklch(51.47% 0.2527 289.23) 19.4%, oklch(54.10% 0.2634 291.82) 22.6%, oklch(56.48% 0.2699 294.70) 25.8%, oklch(58.81% 0.2623 298.29) 29.0%, oklch(61.17% 0.2572 302.53) 32.3%, oklch(63.52% 0.2548 307.13) 35.5%, oklch(65.81% 0.2548 311.79) 38.7%, oklch(68.01% 0.2566 316.25) 41.9%, oklch(70.08% 0.2592 320.21) 45.2%, oklch(71.97% 0.2550 323.38) 48.4%, oklch(73.64% 0.2491 325.53) 51.6%, oklch(75.11% 0.2417 326.83) 54.8%, oklch(76.41% 0.2330 327.49) 58.1%, oklch(77.57% 0.2234 327.65) 61.3%, oklch(78.63% 0.2131 327.49) 64.5%, oklch(79.64% 0.2025 327.17) 67.7%, oklch(80.63% 0.1902 326.85) 71.0%, oklch(81.63% 0.1787 326.69) 74.2%, oklch(82.68% 0.1677 326.72) 77.4%, oklch(83.76% 0.1562 326.65) 80.6%, oklch(84.84% 0.1445 326.52) 83.9%, oklch(85.87% 0.1333 326.33) 87.1%, oklch(86.84% 0.1229 326.12) 90.3%, oklch(87.70% 0.1137 325.92) 93.5%, oklch(88.42% 0.1057 325.75) 96.8%, oklch(88.98% 0.0992 325.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.374 | 0.172 | 279.1 |
| 2 | 0.559 | 0.269 | 293.9 |
| 3 | 0.728 | 0.252 | 324.6 |
| 4 | 0.819 | 0.179 | 326.7 |
| 5 | 0.89 | 0.099 | 325.6 |

## In these collections

- [Electric purple gradients](https://grabient.com/electric-purple-gradients)

## Other forms

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