# Neon lime green, teal and light blue linear gradient

Neon lime green, teal and light blue linear gradient with 7 colors: #b6ff1e, #8af628, #55f05e, #19ea97, #00e3c9, #13d9ee, #00c9f7. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY6apbblhA-pOwXousJ57JD2K0Qi`
- Page: https://grabient.com/kY6apbblhA-pOwXousJ57JD2K0Qi
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: vivid, neon, light
- Hues: wide
- Contrast of its darkest and lightest colors: 1.6 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 | `#b6ff1e` | `oklch(91.73% 0.2343 127.97)` | Sweet Venom | black, 17.2 to 1 |
| 2 | `#8af628` | `oklch(87.41% 0.2430 134.67)` | Flickery CRT Green | black, 15.3 to 1 |
| 3 | `#55f05e` | `oklch(84.30% 0.2285 144.09)` | Acid Pops | black, 13.9 to 1 |
| 4 | `#19ea97` | `oklch(82.73% 0.1886 158.42)` | Mega Teal | black, 13.2 to 1 |
| 5 | `#00e3c9` | `oklch(82.11% 0.1482 180.80)` | Ice Climber | black, 12.8 to 1 |
| 6 | `#13d9ee` | `oklch(80.98% 0.1371 207.18)` | Thousand Sons Blue | black, 12.1 to 1 |
| 7 | `#00c9f7` | `oklch(77.56% 0.1433 222.02)` | Bright Sky Blue | black, 10.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #b6ff1e 0.0%, #8af628 16.7%, #55f05e 33.3%, #19ea97 50.0%, #00e3c9 66.7%, #13d9ee 83.3%, #00c9f7 100.0%);
background: linear-gradient(90deg in oklch, oklch(91.73% 0.2343 127.97) 0.0%, oklch(87.41% 0.2430 134.67) 16.7%, oklch(84.30% 0.2285 144.09) 33.3%, oklch(82.73% 0.1886 158.42) 50.0%, oklch(82.11% 0.1482 180.80) 66.7%, oklch(80.98% 0.1371 207.18) 83.3%, oklch(77.56% 0.1433 222.02) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.917 | 0.234 | 128 |
| 2 | 0.866 | 0.243 | 136.4 |
| 3 | 0.835 | 0.216 | 149.1 |
| 4 | 0.823 | 0.161 | 170.2 |
| 5 | 0.815 | 0.138 | 203 |
| 6 | 0.776 | 0.143 | 222 |

## In these collections

- [Bright gradients](https://grabient.com/bright-gradients)

## Other forms

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