# Neon green, blue, purple and pink linear gradient

Neon green, blue, purple and pink linear gradient with 32 colors: #00bc1e, #00bc39, #1bbc51, #2abb68, #28b97c, #00b790, #00b0a5, #00a7b6, #009ec6, #1c93d0, #1c89da, #147ce5, #196ef1, #2e5ffa, #4551ff, #5745ff, #6639ff, #742eff, #8323ff, #931eff, #a31eff, #b31fff, #c415ff, #d204fc, #de03f6, #e805ee, #f107e5, #f807d9, #fc08c8, #fe0bb7, #fe10a7, #fe159d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kcr6hmWLRCVCvyJGWEORWZC89uwpVbEI0-BCQ`
- Page: https://grabient.com/kcr6hmWLRCVCvyJGWEORWZC89uwpVbEI0-BCQ?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: vivid, neon, multicolor
- Hues: two-hue
- 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 | `#00bc1e` | `oklch(68.90% 0.2274 143.43)` | Pedestrian Green | black, 8.1 to 1 |
| 2 | `#00bc39` | `oklch(69.16% 0.2140 145.56)` | Green Goblin | black, 8.2 to 1 |
| 3 | `#1bbc51` | `oklch(69.60% 0.1934 148.19)` | Intoxicate | black, 8.3 to 1 |
| 4 | `#2abb68` | `oklch(69.93% 0.1693 152.42)` | Welsh Onion | black, 8.4 to 1 |
| 5 | `#28b97c` | `oklch(69.89% 0.1492 159.40)` | Ceramic Green | black, 8.3 to 1 |
| 6 | `#00b790` | `oklch(69.24% 0.1361 170.64)` | Green Velour | black, 8.1 to 1 |
| 7 | `#00b0a5` | `oklch(68.06% 0.1187 187.20)` | Cozumel | black, 7.7 to 1 |
| 8 | `#00a7b6` | `oklch(66.53% 0.1139 206.15)` | Bluebird | black, 7.2 to 1 |
| 9 | `#009ec6` | `oklch(64.84% 0.1220 224.19)` | Blue Ocean | black, 6.6 to 1 |
| 10 | `#1c93d0` | `oklch(63.15% 0.1327 238.06)` | Rich Electric Blue | black, 6.1 to 1 |
| 11 | `#1c89da` | `oklch(61.21% 0.1527 247.47)` | Blue Cola | black, 5.6 to 1 |
| 12 | `#147ce5` | `oklch(59.06% 0.1813 254.30)` | Skies of Cyberspace | black, 5 to 1 |
| 13 | `#196ef1` | `oklch(57.03% 0.2117 259.83)` | Níu Zǎi Sè Denim | white, 4.6 to 1 |
| 14 | `#2e5ffa` | `oklch(55.44% 0.2371 265.33)` | YInMn Blue | white, 5 to 1 |
| 15 | `#4551ff` | `oklch(54.47% 0.2523 271.50)` | Hooloovoo Blue | white, 5.4 to 1 |
| 16 | `#5745ff` | `oklch(53.87% 0.2598 277.43)` | Sylph of Moonlight | white, 5.6 to 1 |
| 17 | `#6639ff` | `oklch(53.66% 0.2675 283.10)` | Pink OCD | white, 5.8 to 1 |
| 18 | `#742eff` | `oklch(53.88% 0.2750 288.59)` | Szöllősi Grape | white, 5.8 to 1 |
| 19 | `#8323ff` | `oklch(54.60% 0.2818 293.97)` | Szöllősi Grape | white, 5.7 to 1 |
| 20 | `#931eff` | `oklch(56.08% 0.2856 299.21)` | Star Platinum Purple | white, 5.4 to 1 |
| 21 | `#a31eff` | `oklch(58.07% 0.2878 304.29)` | Veronica | white, 5 to 1 |
| 22 | `#b31fff` | `oklch(60.18% 0.2911 309.21)` | Poison Purple Paradise | white, 4.6 to 1 |
| 23 | `#c415ff` | `oklch(61.99% 0.2994 313.97)` | Electric Purple | black, 4.8 to 1 |
| 24 | `#d204fc` | `oklch(63.41% 0.3055 318.50)` | Electric Orchid | black, 5.1 to 1 |
| 25 | `#de03f6` | `oklch(64.71% 0.3051 322.78)` | Flamingo Fury | black, 5.4 to 1 |
| 26 | `#e805ee` | `oklch(65.82% 0.3032 326.95)` | Piquant Pink | black, 5.6 to 1 |
| 27 | `#f107e5` | `oklch(66.63% 0.3000 331.17)` | Pink Pride | black, 5.9 to 1 |
| 28 | `#f807d9` | `oklch(67.04% 0.2953 335.64)` | Cupid’s Eye | black, 6 to 1 |
| 29 | `#fc08c8` | `oklch(66.94% 0.2877 340.76)` | Hot Magenta | black, 6 to 1 |
| 30 | `#fe0bb7` | `oklch(66.53% 0.2787 345.97)` | Bubblegum Bright | black, 5.9 to 1 |
| 31 | `#fe10a7` | `oklch(66.05% 0.2703 350.54)` | Ms. Pac-Man Kiss | black, 5.8 to 1 |
| 32 | `#fe159d` | `oklch(65.75% 0.2646 353.73)` | Forgiven Sin | black, 5.8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #00bc1e 0.0%, #00bc39 3.2%, #1bbc51 6.5%, #2abb68 9.7%, #28b97c 12.9%, #00b790 16.1%, #00b0a5 19.4%, #00a7b6 22.6%, #009ec6 25.8%, #1c93d0 29.0%, #1c89da 32.3%, #147ce5 35.5%, #196ef1 38.7%, #2e5ffa 41.9%, #4551ff 45.2%, #5745ff 48.4%, #6639ff 51.6%, #742eff 54.8%, #8323ff 58.1%, #931eff 61.3%, #a31eff 64.5%, #b31fff 67.7%, #c415ff 71.0%, #d204fc 74.2%, #de03f6 77.4%, #e805ee 80.6%, #f107e5 83.9%, #f807d9 87.1%, #fc08c8 90.3%, #fe0bb7 93.5%, #fe10a7 96.8%, #fe159d 100.0%);
background: linear-gradient(45deg in oklch, oklch(68.90% 0.2274 143.43) 0.0%, oklch(69.16% 0.2140 145.56) 3.2%, oklch(69.60% 0.1934 148.19) 6.5%, oklch(69.93% 0.1693 152.42) 9.7%, oklch(69.89% 0.1492 159.40) 12.9%, oklch(69.24% 0.1361 170.64) 16.1%, oklch(68.06% 0.1187 187.20) 19.4%, oklch(66.53% 0.1139 206.15) 22.6%, oklch(64.84% 0.1220 224.19) 25.8%, oklch(63.15% 0.1327 238.06) 29.0%, oklch(61.21% 0.1527 247.47) 32.3%, oklch(59.06% 0.1813 254.30) 35.5%, oklch(57.03% 0.2117 259.83) 38.7%, oklch(55.44% 0.2371 265.33) 41.9%, oklch(54.47% 0.2523 271.50) 45.2%, oklch(53.87% 0.2598 277.43) 48.4%, oklch(53.66% 0.2675 283.10) 51.6%, oklch(53.88% 0.2750 288.59) 54.8%, oklch(54.60% 0.2818 293.97) 58.1%, oklch(56.08% 0.2856 299.21) 61.3%, oklch(58.07% 0.2878 304.29) 64.5%, oklch(60.18% 0.2911 309.21) 67.7%, oklch(61.99% 0.2994 313.97) 71.0%, oklch(63.41% 0.3055 318.50) 74.2%, oklch(64.71% 0.3051 322.78) 77.4%, oklch(65.82% 0.3032 326.95) 80.6%, oklch(66.63% 0.3000 331.17) 83.9%, oklch(67.04% 0.2953 335.64) 87.1%, oklch(66.94% 0.2877 340.76) 90.3%, oklch(66.53% 0.2787 345.97) 93.5%, oklch(66.05% 0.2703 350.54) 96.8%, oklch(65.75% 0.2646 353.73) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.689 | 0.231 | 143.4 |
| 2 | 0.697 | 0.143 | 163.5 |
| 3 | 0.634 | 0.131 | 236.4 |
| 4 | 0.551 | 0.243 | 267.1 |
| 5 | 0.543 | 0.281 | 292.4 |
| 6 | 0.622 | 0.305 | 314.6 |
| 7 | 0.669 | 0.298 | 333.7 |
| 8 | 0.657 | 0.265 | 353.7 |

## In these collections

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

## Other forms

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