# Neon lime green, teal and light blue linear gradient

Neon lime green, teal and light blue linear gradient with 6 colors: #b6ff1e, #7ff532, #3bee74, #0de6b5, #0cdcea, #00c9f7. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY6apbblhA-pOwXousJ57JD2K0Qi`
- Page: https://grabient.com/kY6apbblhA-pOwXousJ57JD2K0Qi?steps=6
- Drawn as: linear gradient, 6 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 | `#7ff532` | `oklch(86.61% 0.2425 136.42)` | Fresh Granny Smith | black, 14.9 to 1 |
| 3 | `#3bee74` | `oklch(83.46% 0.2163 149.10)` | Acid Pops | black, 13.6 to 1 |
| 4 | `#0de6b5` | `oklch(82.28% 0.1612 170.24)` | Overchlorinated Pool | black, 12.9 to 1 |
| 5 | `#0cdcea` | `oklch(81.50% 0.1378 203.00)` | Tamarama | black, 12.4 to 1 |
| 6 | `#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%, #7ff532 20.0%, #3bee74 40.0%, #0de6b5 60.0%, #0cdcea 80.0%, #00c9f7 100.0%);
background: linear-gradient(90deg in oklch, oklch(91.73% 0.2343 127.97) 0.0%, oklch(86.61% 0.2425 136.42) 20.0%, oklch(83.46% 0.2163 149.10) 40.0%, oklch(82.28% 0.1612 170.24) 60.0%, oklch(81.50% 0.1378 203.00) 80.0%, 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?steps=6)
- [PNG](https://grabient.com/kY6apbblhA-pOwXousJ57JD2K0Qi.png?steps=6)
- [SVG](https://grabient.com/kY6apbblhA-pOwXousJ57JD2K0Qi.svg?steps=6)
- [CSS](https://grabient.com/kY6apbblhA-pOwXousJ57JD2K0Qi.css?steps=6)
- [ASE](https://grabient.com/kY6apbblhA-pOwXousJ57JD2K0Qi.ase?steps=6)
- [GPL](https://grabient.com/kY6apbblhA-pOwXousJ57JD2K0Qi.gpl?steps=6)
- [GRD](https://grabient.com/kY6apbblhA-pOwXousJ57JD2K0Qi.grd?steps=6)
- [Design tokens](https://grabient.com/kY6apbblhA-pOwXousJ57JD2K0Qi.tokens.json?steps=6)
- [Social card](https://grabient.com/api/og?seed=kY6apbblhA-pOwXousJ57JD2K0Qi&steps=6)
- [Palettes like this one](https://grabient.com/palettes?q=kY6apbblhA-pOwXousJ57JD2K0Qi)
- [Guide for agents](https://grabient.com/llms.txt)