# Neon blue, purple, pink and red linear gradient

Neon blue, purple, pink and red linear gradient with 32 colors: #0044bb, #003eca, #0900fa, #1d00fb, #2b00fc, #3700fd, #4300fe, #4f01ff, #5a06ff, #670cff, #7410ff, #8212ff, #910fff, #a101ff, #af00fb, #bc00f5, #c700ed, #d100e5, #db00db, #e301d0, #eb02c4, #f103b8, #f704ac, #fb039f, #ff0091, #ff0e81, #ff126f, #ff0f5d, #ff0449, #fe0033, #fc061a, #f81c00. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWb-G6PuxCMzrRDS4URT1vEQ`
- Page: https://grabient.com/kWb-G6PuxCMzrRDS4URT1vEQ?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: vivid, neon, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2.3 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 | `#0044bb` | `oklch(43.71% 0.1963 261.59)` | Once in a Blue Moon | white, 8.2 to 1 |
| 2 | `#003eca` | `oklch(44.11% 0.2220 262.99)` | Third Eye Chakra | white, 8.2 to 1 |
| 3 | `#0900fa` | `oklch(44.61% 0.3071 264.70)` | Primary Blue | white, 8.7 to 1 |
| 4 | `#1d00fb` | `oklch(45.19% 0.3050 266.77)` | Royal Blue Tang | white, 8.6 to 1 |
| 5 | `#2b00fc` | `oklch(45.87% 0.3029 269.14)` | Blue Pencil | white, 8.3 to 1 |
| 6 | `#3700fd` | `oklch(46.64% 0.3009 271.81)` | Electric Ultramarine | white, 8.1 to 1 |
| 7 | `#4300fe` | `oklch(47.50% 0.2991 274.77)` | Overdue Blue | white, 7.8 to 1 |
| 8 | `#4f01ff` | `oklch(48.44% 0.2969 278.00)` | Radiant Feather | white, 7.5 to 1 |
| 9 | `#5a06ff` | `oklch(49.49% 0.2939 281.49)` | Radiant Feather | white, 7.2 to 1 |
| 10 | `#670cff` | `oklch(50.75% 0.2912 285.41)` | Electric Indigo | white, 6.8 to 1 |
| 11 | `#7410ff` | `oklch(52.20% 0.2893 289.75)` | Bright Indigo | white, 6.4 to 1 |
| 12 | `#8212ff` | `oklch(53.77% 0.2890 294.40)` | Szöllősi Grape | white, 6 to 1 |
| 13 | `#910fff` | `oklch(55.38% 0.2912 299.27)` | Amethyst Ganzstar | white, 5.6 to 1 |
| 14 | `#a101ff` | `oklch(56.95% 0.2967 304.25)` | Vivid Violet | white, 5.3 to 1 |
| 15 | `#af00fb` | `oklch(58.42% 0.2967 309.23)` | Bright Violet | white, 4.9 to 1 |
| 16 | `#bc00f5` | `oklch(59.70% 0.2954 314.13)` | Promiscuous Pink | white, 4.7 to 1 |
| 17 | `#c700ed` | `oklch(60.74% 0.2932 318.87)` | Trippy Velvet | black, 4.6 to 1 |
| 18 | `#d100e5` | `oklch(61.67% 0.2904 323.60)` | Fungal Hallucinations | black, 4.8 to 1 |
| 19 | `#db00db` | `oklch(62.50% 0.2872 328.37)` | Drunk-Tank Pink | black, 5 to 1 |
| 20 | `#e301d0` | `oklch(63.22% 0.2834 333.15)` | Passionate Pink | black, 5.1 to 1 |
| 21 | `#eb02c4` | `oklch(63.83% 0.2793 337.94)` | Ferocious Flamingo | black, 5.3 to 1 |
| 22 | `#f103b8` | `oklch(64.32% 0.2752 342.73)` | Kriss Me Not Fuchsia | black, 5.4 to 1 |
| 23 | `#f704ac` | `oklch(64.69% 0.2713 347.52)` | Pink Hysteria | black, 5.5 to 1 |
| 24 | `#fb039f` | `oklch(64.92% 0.2680 352.31)` | Shocking Pink | black, 5.6 to 1 |
| 25 | `#ff0091` | `oklch(64.98% 0.2652 357.24)` | Pink Panther | black, 5.6 to 1 |
| 26 | `#ff0e81` | `oklch(64.79% 0.2575 2.58)` | Neon Rose | black, 5.6 to 1 |
| 27 | `#ff126f` | `oklch(64.42% 0.2527 8.12)` | Vivid Raspberry | black, 5.5 to 1 |
| 28 | `#ff0f5d` | `oklch(63.94% 0.2515 13.63)` | Flaming Hot Flamingoes | black, 5.4 to 1 |
| 29 | `#ff0449` | `oklch(63.41% 0.2531 18.86)` | Bloody Pico-8 | black, 5.3 to 1 |
| 30 | `#fe0033` | `oklch(62.91% 0.2542 23.58)` | Hornet Sting | black, 5.2 to 1 |
| 31 | `#fc061a` | `oklch(62.48% 0.2533 27.52)` | Virtual Boy | black, 5.1 to 1 |
| 32 | `#f81c00` | `oklch(62.21% 0.2461 30.47)` | Spectacular Scarlet | black, 5.1 to 1 |

## CSS

```css
background: linear-gradient(45deg, #0044bb 0.0%, #003eca 3.2%, #0900fa 6.5%, #1d00fb 9.7%, #2b00fc 12.9%, #3700fd 16.1%, #4300fe 19.4%, #4f01ff 22.6%, #5a06ff 25.8%, #670cff 29.0%, #7410ff 32.3%, #8212ff 35.5%, #910fff 38.7%, #a101ff 41.9%, #af00fb 45.2%, #bc00f5 48.4%, #c700ed 51.6%, #d100e5 54.8%, #db00db 58.1%, #e301d0 61.3%, #eb02c4 64.5%, #f103b8 67.7%, #f704ac 71.0%, #fb039f 74.2%, #ff0091 77.4%, #ff0e81 80.6%, #ff126f 83.9%, #ff0f5d 87.1%, #ff0449 90.3%, #fe0033 93.5%, #fc061a 96.8%, #f81c00 100.0%);
background: linear-gradient(45deg in oklch, oklch(43.71% 0.1963 261.59) 0.0%, oklch(44.11% 0.2220 262.99) 3.2%, oklch(44.61% 0.3071 264.70) 6.5%, oklch(45.19% 0.3050 266.77) 9.7%, oklch(45.87% 0.3029 269.14) 12.9%, oklch(46.64% 0.3009 271.81) 16.1%, oklch(47.50% 0.2991 274.77) 19.4%, oklch(48.44% 0.2969 278.00) 22.6%, oklch(49.49% 0.2939 281.49) 25.8%, oklch(50.75% 0.2912 285.41) 29.0%, oklch(52.20% 0.2893 289.75) 32.3%, oklch(53.77% 0.2890 294.40) 35.5%, oklch(55.38% 0.2912 299.27) 38.7%, oklch(56.95% 0.2967 304.25) 41.9%, oklch(58.42% 0.2967 309.23) 45.2%, oklch(59.70% 0.2954 314.13) 48.4%, oklch(60.74% 0.2932 318.87) 51.6%, oklch(61.67% 0.2904 323.60) 54.8%, oklch(62.50% 0.2872 328.37) 58.1%, oklch(63.22% 0.2834 333.15) 61.3%, oklch(63.83% 0.2793 337.94) 64.5%, oklch(64.32% 0.2752 342.73) 67.7%, oklch(64.69% 0.2713 347.52) 71.0%, oklch(64.92% 0.2680 352.31) 74.2%, oklch(64.98% 0.2652 357.24) 77.4%, oklch(64.79% 0.2575 2.58) 80.6%, oklch(64.42% 0.2527 8.12) 83.9%, oklch(63.94% 0.2515 13.63) 87.1%, oklch(63.41% 0.2531 18.86) 90.3%, oklch(62.91% 0.2542 23.58) 93.5%, oklch(62.48% 0.2533 27.52) 96.8%, oklch(62.21% 0.2461 30.47) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.437 | 0.31 | 261.6 |
| 2 | 0.492 | 0.298 | 280.6 |
| 3 | 0.602 | 0.295 | 316.5 |
| 4 | 0.65 | 0.267 | 353.5 |
| 5 | 0.622 | 0.252 | 390.5 |

## In these collections

- [Neon swatches](https://grabient.com/neon-swatches)
- [Vivid multicolor gradients](https://grabient.com/vivid-multicolor-gradients)

## Other forms

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