# Neon analogous pink to red linear gradient

Neon analogous pink to red linear gradient with 32 colors: #fe04f8, #ff02f1, #ff08e9, #ff0cdf, #ff0ed4, #ff0ec9, #ff0bbe, #ff07b3, #ff02a8, #ff019d, #fe0294, #fe028b, #ff0081, #ff0078, #ff006e, #ff0264, #ff055a, #ff0850, #ff0c45, #ff0f3b, #ff1231, #ff1528, #ff1a1f, #ff1f17, #ff2310, #ff270a, #ff2b06, #ff2e03, #ff3103, #ff3404, #ff3604, #ff3801. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUsebq0uBDNDbw1S10DA`
- Page: https://grabient.com/kUsebq0uBDNDbw1S10DA?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: even lightness, vivid, neon, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.2 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 | `#fe04f8` | `oklch(69.69% 0.3169 329.77)` | Barbara | black, 6.5 to 1 |
| 2 | `#ff02f1` | `oklch(69.40% 0.3138 331.34)` | Barbara | black, 6.5 to 1 |
| 3 | `#ff08e9` | `oklch(69.02% 0.3074 333.34)` | Bright Magenta | black, 6.4 to 1 |
| 4 | `#ff0cdf` | `oklch(68.56% 0.3006 335.70)` | Cupid’s Eye | black, 6.3 to 1 |
| 5 | `#ff0ed4` | `oklch(68.05% 0.2941 338.35)` | Fuchsia Flame | black, 6.2 to 1 |
| 6 | `#ff0ec9` | `oklch(67.51% 0.2880 341.22)` | Hot Magenta | black, 6.1 to 1 |
| 7 | `#ff0bbe` | `oklch(66.96% 0.2827 344.24)` | Brutal Pink | black, 6 to 1 |
| 8 | `#ff07b3` | `oklch(66.42% 0.2780 347.33)` | Pink Hysteria | black, 5.9 to 1 |
| 9 | `#ff02a8` | `oklch(65.91% 0.2740 350.42)` | Ms. Pac-Man Kiss | black, 5.8 to 1 |
| 10 | `#ff019d` | `oklch(65.45% 0.2697 353.45)` | Neon Pink | black, 5.7 to 1 |
| 11 | `#fe0294` | `oklch(65.07% 0.2657 356.33)` | Pink Panther | black, 5.6 to 1 |
| 12 | `#fe028b` | `oklch(64.76% 0.2626 359.09)` | Hot Pink | black, 5.6 to 1 |
| 13 | `#ff0081` | `oklch(64.49% 0.2603 2.01)` | Neon Rose | black, 5.5 to 1 |
| 14 | `#ff0078` | `oklch(64.26% 0.2582 5.06)` | Guns N’ Roses | black, 5.5 to 1 |
| 15 | `#ff006e` | `oklch(64.05% 0.2564 8.15)` | Vivid Raspberry | black, 5.4 to 1 |
| 16 | `#ff0264` | `oklch(63.86% 0.2548 11.24)` | Standby LED | black, 5.4 to 1 |
| 17 | `#ff055a` | `oklch(63.70% 0.2533 14.26)` | New York Sunset | black, 5.4 to 1 |
| 18 | `#ff0850` | `oklch(63.58% 0.2524 17.17)` | Halt Red | black, 5.4 to 1 |
| 19 | `#ff0c45` | `oklch(63.49% 0.2519 19.88)` | Rich Red | black, 5.3 to 1 |
| 20 | `#ff0f3b` | `oklch(63.42% 0.2516 22.36)` | Neon Red | black, 5.3 to 1 |
| 21 | `#ff1231` | `oklch(63.39% 0.2515 24.53)` | Rage | black, 5.3 to 1 |
| 22 | `#ff1528` | `oklch(63.39% 0.2515 26.33)` | Superman Red | black, 5.3 to 1 |
| 23 | `#ff1a1f` | `oklch(63.45% 0.2505 27.82)` | Traffic Red | black, 5.4 to 1 |
| 24 | `#ff1f17` | `oklch(63.56% 0.2491 29.02)` | Traffic Red | black, 5.4 to 1 |
| 25 | `#ff2310` | `oklch(63.72% 0.2477 29.98)` | Janemba Red | black, 5.4 to 1 |
| 26 | `#ff270a` | `oklch(63.90% 0.2463 30.75)` | Maraschino | black, 5.5 to 1 |
| 27 | `#ff2b06` | `oklch(64.11% 0.2450 31.35)` | Ferrari Red | black, 5.5 to 1 |
| 28 | `#ff2e03` | `oklch(64.32% 0.2436 31.82)` | Rocket Science | black, 5.6 to 1 |
| 29 | `#ff3103` | `oklch(64.52% 0.2418 32.20)` | Boiling Magma | black, 5.6 to 1 |
| 30 | `#ff3404` | `oklch(64.71% 0.2402 32.52)` | Boiling Magma | black, 5.7 to 1 |
| 31 | `#ff3604` | `oklch(64.86% 0.2389 32.84)` | Electric Orange | black, 5.7 to 1 |
| 32 | `#ff3801` | `oklch(64.96% 0.2381 33.17)` | Coquelicot | black, 5.8 to 1 |

## CSS

```css
background: linear-gradient(315deg, #fe04f8 0.0%, #ff02f1 3.2%, #ff08e9 6.5%, #ff0cdf 9.7%, #ff0ed4 12.9%, #ff0ec9 16.1%, #ff0bbe 19.4%, #ff07b3 22.6%, #ff02a8 25.8%, #ff019d 29.0%, #fe0294 32.3%, #fe028b 35.5%, #ff0081 38.7%, #ff0078 41.9%, #ff006e 45.2%, #ff0264 48.4%, #ff055a 51.6%, #ff0850 54.8%, #ff0c45 58.1%, #ff0f3b 61.3%, #ff1231 64.5%, #ff1528 67.7%, #ff1a1f 71.0%, #ff1f17 74.2%, #ff2310 77.4%, #ff270a 80.6%, #ff2b06 83.9%, #ff2e03 87.1%, #ff3103 90.3%, #ff3404 93.5%, #ff3604 96.8%, #ff3801 100.0%);
background: linear-gradient(315deg in oklch, oklch(69.69% 0.3169 329.77) 0.0%, oklch(69.40% 0.3138 331.34) 3.2%, oklch(69.02% 0.3074 333.34) 6.5%, oklch(68.56% 0.3006 335.70) 9.7%, oklch(68.05% 0.2941 338.35) 12.9%, oklch(67.51% 0.2880 341.22) 16.1%, oklch(66.96% 0.2827 344.24) 19.4%, oklch(66.42% 0.2780 347.33) 22.6%, oklch(65.91% 0.2740 350.42) 25.8%, oklch(65.45% 0.2697 353.45) 29.0%, oklch(65.07% 0.2657 356.33) 32.3%, oklch(64.76% 0.2626 359.09) 35.5%, oklch(64.49% 0.2603 2.01) 38.7%, oklch(64.26% 0.2582 5.06) 41.9%, oklch(64.05% 0.2564 8.15) 45.2%, oklch(63.86% 0.2548 11.24) 48.4%, oklch(63.70% 0.2533 14.26) 51.6%, oklch(63.58% 0.2524 17.17) 54.8%, oklch(63.49% 0.2519 19.88) 58.1%, oklch(63.42% 0.2516 22.36) 61.3%, oklch(63.39% 0.2515 24.53) 64.5%, oklch(63.39% 0.2515 26.33) 67.7%, oklch(63.45% 0.2505 27.82) 71.0%, oklch(63.56% 0.2491 29.02) 74.2%, oklch(63.72% 0.2477 29.98) 77.4%, oklch(63.90% 0.2463 30.75) 80.6%, oklch(64.11% 0.2450 31.35) 83.9%, oklch(64.32% 0.2436 31.82) 87.1%, oklch(64.52% 0.2418 32.20) 90.3%, oklch(64.71% 0.2402 32.52) 93.5%, oklch(64.86% 0.2389 32.84) 96.8%, oklch(64.96% 0.2381 33.17) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.697 | 0.317 | 329.8 |
| 2 | 0.65 | 0.265 | 357.2 |
| 3 | 0.634 | 0.252 | 385.8 |
| 4 | 0.65 | 0.24 | 393.2 |

## In these collections

- [Neon gradients](https://grabient.com/neon-gradients)

## Other forms

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