# Neon blue, lime green and yellow linear gradient

Neon blue, lime green and yellow linear gradient with 10 colors: #003b8b, #15449a, #1b618b, #2f817f, #5da651, #6dd52b, #8bf80d, #b1ff4c, #c3fe08, #deff40. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kcX3W4NjO_8GZOxRr7dZVI-_NcP501T8-FC_A`
- Page: https://grabient.com/kcX3W4NjO_8GZOxRr7dZVI-_NcP501T8-FC_A?steps=10&angle=180
- Drawn as: linear gradient, 10 steps, 180 degrees
- Kinds: dark to light, vivid, neon
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 9.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 | `#003b8b` | `oklch(37.41% 0.1436 258.80)` | Mystery Oceans | white, 10.5 to 1 |
| 2 | `#15449a` | `oklch(41.02% 0.1502 261.52)` | Space Explorer | white, 9 to 1 |
| 3 | `#1b618b` | `oklch(47.09% 0.0950 240.29)` | Copenhagen Blue | white, 6.7 to 1 |
| 4 | `#2f817f` | `oklch(55.41% 0.0783 193.19)` | Nero’s Green | white, 4.5 to 1 |
| 5 | `#5da651` | `oklch(65.78% 0.1404 140.82)` | Jungle Jewels | black, 7 to 1 |
| 6 | `#6dd52b` | `oklch(78.00% 0.2182 136.52)` | Download Progress | black, 11.1 to 1 |
| 7 | `#8bf80d` | `oklch(87.77% 0.2503 134.09)` | Mochito | black, 15.4 to 1 |
| 8 | `#b1ff4c` | `oklch(91.66% 0.2177 130.45)` | Irradiated Green | black, 17.2 to 1 |
| 9 | `#c3fe08` | `oklch(92.29% 0.2308 124.94)` | French Lime | black, 17.5 to 1 |
| 10 | `#deff40` | `oklch(94.49% 0.2043 119.26)` | Tennis Ball | black, 18.4 to 1 |

## CSS

```css
background: linear-gradient(180deg, #003b8b 0.0%, #15449a 11.1%, #1b618b 22.2%, #2f817f 33.3%, #5da651 44.4%, #6dd52b 55.6%, #8bf80d 66.7%, #b1ff4c 77.8%, #c3fe08 88.9%, #deff40 100.0%);
background: linear-gradient(180deg in oklch, oklch(37.41% 0.1436 258.80) 0.0%, oklch(41.02% 0.1502 261.52) 11.1%, oklch(47.09% 0.0950 240.29) 22.2%, oklch(55.41% 0.0783 193.19) 33.3%, oklch(65.78% 0.1404 140.82) 44.4%, oklch(78.00% 0.2182 136.52) 55.6%, oklch(87.77% 0.2503 134.09) 66.7%, oklch(91.66% 0.2177 130.45) 77.8%, oklch(92.29% 0.2308 124.94) 88.9%, oklch(94.49% 0.2043 119.26) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.374 | 0.161 | 258.8 |
| 2 | 0.425 | 0.142 | 258.8 |
| 3 | 0.516 | 0.069 | 217.5 |
| 4 | 0.642 | 0.131 | 144.6 |
| 5 | 0.795 | 0.226 | 136.2 |
| 6 | 0.906 | 0.254 | 133 |
| 7 | 0.917 | 0.234 | 126.7 |
| 8 | 0.945 | 0.222 | 119.3 |

## In these collections

- [Green gradients](https://grabient.com/green-gradients)
- [Blue and green gradients](https://grabient.com/blue-and-green-gradients)

## Other forms

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