# Neon analogous pink, purple and blue linear gradient

Neon analogous pink, purple and blue linear gradient with 32 colors: #e4aaef, #e7a7f0, #eaa3f1, #ef9df2, #f497f3, #f890f3, #fd89f3, #ff84f2, #ff81f0, #ff7ff0, #ff7cf0, #ff78f2, #ff74f4, #ff6ff8, #fc6cfa, #f86bfc, #f26afe, #eb69ff, #e269ff, #d869ff, #ce69ff, #c46afe, #b96bfe, #af6dfe, #a56ffe, #9a73ff, #8e77ff, #827cff, #7680fd, #6a84fb, #6087f9, #5889f7. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWz1Lk48tBN9WvzVS70Ur67g`
- Page: https://grabient.com/kWz1Lk48tBN9WvzVS70Ur67g?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: vivid, neon
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.8 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 | `#e4aaef` | `oklch(81.50% 0.1130 321.33)` | Petal Plush | black, 11.3 to 1 |
| 2 | `#e7a7f0` | `oklch(81.25% 0.1209 322.30)` | Pinky Swear | black, 11.1 to 1 |
| 3 | `#eaa3f1` | `oklch(80.92% 0.1320 323.72)` | VIC 20 Pink | black, 10.9 to 1 |
| 4 | `#ef9df2` | `oklch(80.52% 0.1453 325.43)` | VIC 20 Pink | black, 10.7 to 1 |
| 5 | `#f497f3` | `oklch(80.09% 0.1597 327.23)` | Diva Mecha | black, 10.5 to 1 |
| 6 | `#f890f3` | `oklch(79.62% 0.1742 328.97)` | Luminescent Pink | black, 10.2 to 1 |
| 7 | `#fd89f3` | `oklch(79.15% 0.1879 330.45)` | Luminescent Pink | black, 10 to 1 |
| 8 | `#ff84f2` | `oklch(78.68% 0.1963 331.49)` | Luminescent Pink | black, 9.8 to 1 |
| 9 | `#ff81f0` | `oklch(78.24% 0.1995 331.95)` | Luminescent Pink | black, 9.6 to 1 |
| 10 | `#ff7ff0` | `oklch(77.84% 0.2037 332.02)` | Technolust | black, 9.5 to 1 |
| 11 | `#ff7cf0` | `oklch(77.47% 0.2087 331.83)` | Avant-Garde Pink | black, 9.3 to 1 |
| 12 | `#ff78f2` | `oklch(77.11% 0.2151 331.35)` | Avant-Garde Pink | black, 9.2 to 1 |
| 13 | `#ff74f4` | `oklch(76.72% 0.2231 330.58)` | Avant-Garde Pink | black, 9 to 1 |
| 14 | `#ff6ff8` | `oklch(76.28% 0.2336 329.52)` | Strawberry Frosting | black, 8.8 to 1 |
| 15 | `#fc6cfa` | `oklch(75.77% 0.2371 328.17)` | Strawberry Frosting | black, 8.6 to 1 |
| 16 | `#f86bfc` | `oklch(75.15% 0.2382 326.50)` | Flamazing Pink | black, 8.5 to 1 |
| 17 | `#f26afe` | `oklch(74.41% 0.2382 324.52)` | Ultra Pink | black, 8.2 to 1 |
| 18 | `#eb69ff` | `oklch(73.46% 0.2365 322.17)` | Hitsujiyama Pink | black, 8 to 1 |
| 19 | `#e269ff` | `oklch(72.37% 0.2330 319.49)` | Venus Slipper Orchid | black, 7.7 to 1 |
| 20 | `#d869ff` | `oklch(71.21% 0.2289 316.51)` | Venus Slipper Orchid | black, 7.4 to 1 |
| 21 | `#ce69ff` | `oklch(70.03% 0.2243 313.26)` | Jacaranda Pink | black, 7.1 to 1 |
| 22 | `#c46afe` | `oklch(68.91% 0.2191 309.77)` | Easter Purple | black, 6.8 to 1 |
| 23 | `#b96bfe` | `oklch(67.91% 0.2139 306.09)` | Queer Purple | black, 6.6 to 1 |
| 24 | `#af6dfe` | `oklch(67.10% 0.2092 302.23)` | Queer Purple | black, 6.4 to 1 |
| 25 | `#a56ffe` | `oklch(66.50% 0.2047 298.01)` | Purple Illusionist | black, 6.3 to 1 |
| 26 | `#9a73ff` | `oklch(66.05% 0.1996 293.03)` | Forgotten Purple | black, 6.2 to 1 |
| 27 | `#8e77ff` | `oklch(65.71% 0.1938 287.56)` | Forgotten Purple | black, 6.2 to 1 |
| 28 | `#827cff` | `oklch(65.48% 0.1889 281.94)` | Blue Party Parrot | black, 6.2 to 1 |
| 29 | `#7680fd` | `oklch(65.31% 0.1838 276.47)` | Orchid | black, 6.2 to 1 |
| 30 | `#6a84fb` | `oklch(65.18% 0.1791 271.49)` | Punch Out Glove | black, 6.3 to 1 |
| 31 | `#6087f9` | `oklch(65.08% 0.1752 267.32)` | Punch Out Glove | black, 6.3 to 1 |
| 32 | `#5889f7` | `oklch(64.96% 0.1722 264.26)` | Skinny Jeans | black, 6.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #e4aaef 0.0%, #e7a7f0 3.2%, #eaa3f1 6.5%, #ef9df2 9.7%, #f497f3 12.9%, #f890f3 16.1%, #fd89f3 19.4%, #ff84f2 22.6%, #ff81f0 25.8%, #ff7ff0 29.0%, #ff7cf0 32.3%, #ff78f2 35.5%, #ff74f4 38.7%, #ff6ff8 41.9%, #fc6cfa 45.2%, #f86bfc 48.4%, #f26afe 51.6%, #eb69ff 54.8%, #e269ff 58.1%, #d869ff 61.3%, #ce69ff 64.5%, #c46afe 67.7%, #b96bfe 71.0%, #af6dfe 74.2%, #a56ffe 77.4%, #9a73ff 80.6%, #8e77ff 83.9%, #827cff 87.1%, #7680fd 90.3%, #6a84fb 93.5%, #6087f9 96.8%, #5889f7 100.0%);
background: linear-gradient(135deg in oklch, oklch(81.50% 0.1130 321.33) 0.0%, oklch(81.25% 0.1209 322.30) 3.2%, oklch(80.92% 0.1320 323.72) 6.5%, oklch(80.52% 0.1453 325.43) 9.7%, oklch(80.09% 0.1597 327.23) 12.9%, oklch(79.62% 0.1742 328.97) 16.1%, oklch(79.15% 0.1879 330.45) 19.4%, oklch(78.68% 0.1963 331.49) 22.6%, oklch(78.24% 0.1995 331.95) 25.8%, oklch(77.84% 0.2037 332.02) 29.0%, oklch(77.47% 0.2087 331.83) 32.3%, oklch(77.11% 0.2151 331.35) 35.5%, oklch(76.72% 0.2231 330.58) 38.7%, oklch(76.28% 0.2336 329.52) 41.9%, oklch(75.77% 0.2371 328.17) 45.2%, oklch(75.15% 0.2382 326.50) 48.4%, oklch(74.41% 0.2382 324.52) 51.6%, oklch(73.46% 0.2365 322.17) 54.8%, oklch(72.37% 0.2330 319.49) 58.1%, oklch(71.21% 0.2289 316.51) 61.3%, oklch(70.03% 0.2243 313.26) 64.5%, oklch(68.91% 0.2191 309.77) 67.7%, oklch(67.91% 0.2139 306.09) 71.0%, oklch(67.10% 0.2092 302.23) 74.2%, oklch(66.50% 0.2047 298.01) 77.4%, oklch(66.05% 0.1996 293.03) 80.6%, oklch(65.71% 0.1938 287.56) 83.9%, oklch(65.48% 0.1889 281.94) 87.1%, oklch(65.31% 0.1838 276.47) 90.3%, oklch(65.18% 0.1791 271.49) 93.5%, oklch(65.08% 0.1752 267.32) 96.8%, oklch(64.96% 0.1722 264.26) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.815 | 0.113 | 321.3 |
| 2 | 0.783 | 0.207 | 331.9 |
| 3 | 0.748 | 0.238 | 325.6 |
| 4 | 0.669 | 0.208 | 301.2 |
| 5 | 0.65 | 0.172 | 264.3 |

## In these collections

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

## Other forms

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