# Neon pink, purple and blue linear gradient

Neon pink, purple and blue linear gradient with 32 colors: #ff2af2, #ff21f4, #ff15f7, #fd13f8, #fa12f9, #f712fa, #f312fc, #ee13fd, #e816fe, #e218ff, #da1bff, #d11dff, #c81eff, #bf21ff, #b624fe, #ad28fe, #a52dfe, #9c32fe, #9337fe, #893cfd, #8041fc, #7647fb, #6d4df9, #6454f8, #5c5bf6, #5365f4, #4a6ef1, #4278ee, #3c80eb, #3987e7, #388de4, #3991e2. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWs-Pr1fC_EvmPdH1DzUbW8Y`
- Page: https://grabient.com/kWs-Pr1fC_EvmPdH1DzUbW8Y?steps=32&angle=0
- Drawn as: linear gradient, 32 steps, 0 degrees
- Kinds: vivid, neon
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.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 | `#ff2af2` | `oklch(70.47% 0.3002 331.17)` | Pink Kitsch | black, 6.8 to 1 |
| 2 | `#ff21f4` | `oklch(70.25% 0.3063 330.65)` | Barbara | black, 6.7 to 1 |
| 3 | `#ff15f7` | `oklch(70.00% 0.3129 330.05)` | Barbara | black, 6.6 to 1 |
| 4 | `#fd13f8` | `oklch(69.70% 0.3131 329.33)` | Barbara | black, 6.6 to 1 |
| 5 | `#fa12f9` | `oklch(69.34% 0.3132 328.48)` | Sixteen Million Pink | black, 6.5 to 1 |
| 6 | `#f712fa` | `oklch(68.92% 0.3131 327.48)` | Sixteen Million Pink | black, 6.4 to 1 |
| 7 | `#f312fc` | `oklch(68.42% 0.3125 326.31)` | Brusque Pink | black, 6.2 to 1 |
| 8 | `#ee13fd` | `oklch(67.83% 0.3114 324.94)` | Brusque Pink | black, 6.1 to 1 |
| 9 | `#e816fe` | `oklch(67.14% 0.3095 323.36)` | Brusque Pink | black, 5.9 to 1 |
| 10 | `#e218ff` | `oklch(66.27% 0.3071 321.57)` | Cotton Candy Explosions | black, 5.7 to 1 |
| 11 | `#da1bff` | `oklch(65.24% 0.3033 319.59)` | Afterlife | black, 5.5 to 1 |
| 12 | `#d11dff` | `oklch(64.11% 0.3001 317.42)` | Flirtatious Flamingo | black, 5.3 to 1 |
| 13 | `#c81eff` | `oklch(62.95% 0.2970 315.09)` | Flirtatious Flamingo | black, 5 to 1 |
| 14 | `#bf21ff` | `oklch(61.81% 0.2929 312.60)` | Neon Purple | black, 4.8 to 1 |
| 15 | `#b624fe` | `oklch(60.75% 0.2884 309.98)` | Hunky Hummingbird | black, 4.6 to 1 |
| 16 | `#ad28fe` | `oklch(59.83% 0.2836 307.23)` | Cool Purple | white, 4.6 to 1 |
| 17 | `#a52dfe` | `oklch(59.09% 0.2786 304.35)` | Cool Purple | white, 4.7 to 1 |
| 18 | `#9c32fe` | `oklch(58.38% 0.2733 301.28)` | Sugar Grape | white, 4.8 to 1 |
| 19 | `#9337fe` | `oklch(57.69% 0.2678 298.03)` | Sugar Grape | white, 4.9 to 1 |
| 20 | `#893cfd` | `oklch(57.09% 0.2620 294.63)` | Sweet Escape | white, 5 to 1 |
| 21 | `#8041fc` | `oklch(56.60% 0.2558 291.13)` | Sweet Escape | white, 5.1 to 1 |
| 22 | `#7647fb` | `oklch(56.27% 0.2490 287.55)` | Pink OCD | white, 5.1 to 1 |
| 23 | `#6d4df9` | `oklch(56.13% 0.2417 283.92)` | Pink OCD | white, 5.1 to 1 |
| 24 | `#6454f8` | `oklch(56.23% 0.2336 280.30)` | Shady Neon Blue | white, 5 to 1 |
| 25 | `#5c5bf6` | `oklch(56.66% 0.2244 276.53)` | Aquarius Mood Indigo | white, 4.8 to 1 |
| 26 | `#5365f4` | `oklch(57.49% 0.2132 272.34)` | Flickering Sea | white, 4.6 to 1 |
| 27 | `#4a6ef1` | `oklch(58.60% 0.2008 267.92)` | Flickering Sea | black, 4.7 to 1 |
| 28 | `#4278ee` | `oklch(59.87% 0.1880 263.49)` | Blue Öyster Cult | black, 5.1 to 1 |
| 29 | `#3c80eb` | `oklch(61.19% 0.1754 259.25)` | Seljuk Blue | black, 5.4 to 1 |
| 30 | `#3987e7` | `oklch(62.43% 0.1640 255.41)` | Bleu de France | black, 5.8 to 1 |
| 31 | `#388de4` | `oklch(63.46% 0.1544 252.19)` | Bleu de France | black, 6.1 to 1 |
| 32 | `#3991e2` | `oklch(64.17% 0.1474 249.80)` | Oregon Blue | black, 6.3 to 1 |

## CSS

```css
background: linear-gradient(0deg, #ff2af2 0.0%, #ff21f4 3.2%, #ff15f7 6.5%, #fd13f8 9.7%, #fa12f9 12.9%, #f712fa 16.1%, #f312fc 19.4%, #ee13fd 22.6%, #e816fe 25.8%, #e218ff 29.0%, #da1bff 32.3%, #d11dff 35.5%, #c81eff 38.7%, #bf21ff 41.9%, #b624fe 45.2%, #ad28fe 48.4%, #a52dfe 51.6%, #9c32fe 54.8%, #9337fe 58.1%, #893cfd 61.3%, #8041fc 64.5%, #7647fb 67.7%, #6d4df9 71.0%, #6454f8 74.2%, #5c5bf6 77.4%, #5365f4 80.6%, #4a6ef1 83.9%, #4278ee 87.1%, #3c80eb 90.3%, #3987e7 93.5%, #388de4 96.8%, #3991e2 100.0%);
background: linear-gradient(0deg in oklch, oklch(70.47% 0.3002 331.17) 0.0%, oklch(70.25% 0.3063 330.65) 3.2%, oklch(70.00% 0.3129 330.05) 6.5%, oklch(69.70% 0.3131 329.33) 9.7%, oklch(69.34% 0.3132 328.48) 12.9%, oklch(68.92% 0.3131 327.48) 16.1%, oklch(68.42% 0.3125 326.31) 19.4%, oklch(67.83% 0.3114 324.94) 22.6%, oklch(67.14% 0.3095 323.36) 25.8%, oklch(66.27% 0.3071 321.57) 29.0%, oklch(65.24% 0.3033 319.59) 32.3%, oklch(64.11% 0.3001 317.42) 35.5%, oklch(62.95% 0.2970 315.09) 38.7%, oklch(61.81% 0.2929 312.60) 41.9%, oklch(60.75% 0.2884 309.98) 45.2%, oklch(59.83% 0.2836 307.23) 48.4%, oklch(59.09% 0.2786 304.35) 51.6%, oklch(58.38% 0.2733 301.28) 54.8%, oklch(57.69% 0.2678 298.03) 58.1%, oklch(57.09% 0.2620 294.63) 61.3%, oklch(56.60% 0.2558 291.13) 64.5%, oklch(56.27% 0.2490 287.55) 67.7%, oklch(56.13% 0.2417 283.92) 71.0%, oklch(56.23% 0.2336 280.30) 74.2%, oklch(56.66% 0.2244 276.53) 77.4%, oklch(57.49% 0.2132 272.34) 80.6%, oklch(58.60% 0.2008 267.92) 83.9%, oklch(59.87% 0.1880 263.49) 87.1%, oklch(61.19% 0.1754 259.25) 90.3%, oklch(62.43% 0.1640 255.41) 93.5%, oklch(63.46% 0.1544 252.19) 96.8%, oklch(64.17% 0.1474 249.80) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.705 | 0.313 | 331.2 |
| 2 | 0.673 | 0.31 | 323.8 |
| 3 | 0.594 | 0.281 | 305.8 |
| 4 | 0.563 | 0.231 | 279.4 |
| 5 | 0.642 | 0.147 | 249.8 |

## In these collections

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

## Other forms

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