# Neon analogous teal to light green linear gradient

Neon analogous teal to light green linear gradient with 32 colors: #83fec1, #80febf, #7cfebb, #78ffb6, #74ffb0, #6fffa9, #6cffa2, #69ff9b, #66ff94, #64ff8c, #64ff86, #64ff81, #64ff7d, #65ff79, #66ff76, #68ff74, #69ff73, #6cff72, #6fff71, #72ff70, #75ff6f, #79ff6e, #7eff6e, #84ff6e, #8aff6e, #90ff6f, #96ff70, #9bff71, #a0ff73, #a5ff74, #a8ff75, #abff76. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU52ZycUy-fHTv10xr8A`
- Page: https://grabient.com/kU52ZycUy-fHTv10xr8A?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: even lightness, vivid, neon, light, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1 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 | `#83fec1` | `oklch(90.94% 0.1406 160.31)` | Iridescent Turquoise | black, 16.9 to 1 |
| 2 | `#80febf` | `oklch(90.82% 0.1448 159.55)` | Mint Bliss | black, 16.8 to 1 |
| 3 | `#7cfebb` | `oklch(90.65% 0.1505 158.54)` | Mint Bliss | black, 16.8 to 1 |
| 4 | `#78ffb6` | `oklch(90.45% 0.1573 157.34)` | Mint Bliss | black, 16.7 to 1 |
| 5 | `#74ffb0` | `oklch(90.22% 0.1650 155.99)` | Venice Green | black, 16.6 to 1 |
| 6 | `#6fffa9` | `oklch(89.97% 0.1730 154.55)` | Lunatic Sky Dancer | black, 16.5 to 1 |
| 7 | `#6cffa2` | `oklch(89.73% 0.1807 153.08)` | Lunatic Sky Dancer | black, 16.4 to 1 |
| 8 | `#69ff9b` | `oklch(89.50% 0.1886 151.62)` | Illicit Green | black, 16.3 to 1 |
| 9 | `#66ff94` | `oklch(89.30% 0.1963 150.25)` | Sea Green | black, 16.2 to 1 |
| 10 | `#64ff8c` | `oklch(89.13% 0.2034 149.00)` | Light Green | black, 16.2 to 1 |
| 11 | `#64ff86` | `oklch(89.00% 0.2093 147.94)` | Light Green | black, 16.1 to 1 |
| 12 | `#64ff81` | `oklch(88.93% 0.2136 147.09)` | Light Green | black, 16.1 to 1 |
| 13 | `#64ff7d` | `oklch(88.88% 0.2172 146.38)` | Light Green | black, 16.1 to 1 |
| 14 | `#65ff79` | `oklch(88.86% 0.2198 145.80)` | Astro Arcade Green | black, 16.1 to 1 |
| 15 | `#66ff76` | `oklch(88.86% 0.2215 145.30)` | Astro Arcade Green | black, 16.1 to 1 |
| 16 | `#68ff74` | `oklch(88.88% 0.2226 144.86)` | Astro Arcade Green | black, 16.1 to 1 |
| 17 | `#69ff73` | `oklch(88.92% 0.2231 144.46)` | Astro Arcade Green | black, 16.1 to 1 |
| 18 | `#6cff72` | `oklch(88.99% 0.2230 144.08)` | Astro Arcade Green | black, 16.1 to 1 |
| 19 | `#6fff71` | `oklch(89.07% 0.2225 143.68)` | Astro Arcade Green | black, 16.2 to 1 |
| 20 | `#72ff70` | `oklch(89.17% 0.2217 143.24)` | Astro Arcade Green | black, 16.2 to 1 |
| 21 | `#75ff6f` | `oklch(89.28% 0.2208 142.73)` | Poisonous Dart | black, 16.2 to 1 |
| 22 | `#79ff6e` | `oklch(89.42% 0.2199 142.14)` | Poisonous Dart | black, 16.3 to 1 |
| 23 | `#7eff6e` | `oklch(89.59% 0.2182 141.44)` | Astro Arcade Green | black, 16.4 to 1 |
| 24 | `#84ff6e` | `oklch(89.81% 0.2157 140.67)` | Astro Arcade Green | black, 16.5 to 1 |
| 25 | `#8aff6e` | `oklch(90.07% 0.2126 139.86)` | Astro Arcade Green | black, 16.6 to 1 |
| 26 | `#90ff6f` | `oklch(90.34% 0.2091 139.02)` | Easter Green | black, 16.7 to 1 |
| 27 | `#96ff70` | `oklch(90.62% 0.2053 138.18)` | Easter Green | black, 16.8 to 1 |
| 28 | `#9bff71` | `oklch(90.90% 0.2014 137.37)` | Stinging Wasabi | black, 16.9 to 1 |
| 29 | `#a0ff73` | `oklch(91.16% 0.1977 136.62)` | Stinging Wasabi | black, 17 to 1 |
| 30 | `#a5ff74` | `oklch(91.39% 0.1944 135.95)` | Key Lime | black, 17.1 to 1 |
| 31 | `#a8ff75` | `oklch(91.59% 0.1916 135.38)` | Key Lime | black, 17.2 to 1 |
| 32 | `#abff76` | `oklch(91.73% 0.1896 134.95)` | Key Lime | black, 17.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #83fec1 0.0%, #80febf 3.2%, #7cfebb 6.5%, #78ffb6 9.7%, #74ffb0 12.9%, #6fffa9 16.1%, #6cffa2 19.4%, #69ff9b 22.6%, #66ff94 25.8%, #64ff8c 29.0%, #64ff86 32.3%, #64ff81 35.5%, #64ff7d 38.7%, #65ff79 41.9%, #66ff76 45.2%, #68ff74 48.4%, #69ff73 51.6%, #6cff72 54.8%, #6fff71 58.1%, #72ff70 61.3%, #75ff6f 64.5%, #79ff6e 67.7%, #7eff6e 71.0%, #84ff6e 74.2%, #8aff6e 77.4%, #90ff6f 80.6%, #96ff70 83.9%, #9bff71 87.1%, #a0ff73 90.3%, #a5ff74 93.5%, #a8ff75 96.8%, #abff76 100.0%);
background: linear-gradient(135deg in oklch, oklch(90.94% 0.1406 160.31) 0.0%, oklch(90.82% 0.1448 159.55) 3.2%, oklch(90.65% 0.1505 158.54) 6.5%, oklch(90.45% 0.1573 157.34) 9.7%, oklch(90.22% 0.1650 155.99) 12.9%, oklch(89.97% 0.1730 154.55) 16.1%, oklch(89.73% 0.1807 153.08) 19.4%, oklch(89.50% 0.1886 151.62) 22.6%, oklch(89.30% 0.1963 150.25) 25.8%, oklch(89.13% 0.2034 149.00) 29.0%, oklch(89.00% 0.2093 147.94) 32.3%, oklch(88.93% 0.2136 147.09) 35.5%, oklch(88.88% 0.2172 146.38) 38.7%, oklch(88.86% 0.2198 145.80) 41.9%, oklch(88.86% 0.2215 145.30) 45.2%, oklch(88.88% 0.2226 144.86) 48.4%, oklch(88.92% 0.2231 144.46) 51.6%, oklch(88.99% 0.2230 144.08) 54.8%, oklch(89.07% 0.2225 143.68) 58.1%, oklch(89.17% 0.2217 143.24) 61.3%, oklch(89.28% 0.2208 142.73) 64.5%, oklch(89.42% 0.2199 142.14) 67.7%, oklch(89.59% 0.2182 141.44) 71.0%, oklch(89.81% 0.2157 140.67) 74.2%, oklch(90.07% 0.2126 139.86) 77.4%, oklch(90.34% 0.2091 139.02) 80.6%, oklch(90.62% 0.2053 138.18) 83.9%, oklch(90.90% 0.2014 137.37) 87.1%, oklch(91.16% 0.1977 136.62) 90.3%, oklch(91.39% 0.1944 135.95) 93.5%, oklch(91.59% 0.1916 135.38) 96.8%, oklch(91.73% 0.1896 134.95) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.909 | 0.141 | 160.3 |
| 2 | 0.89 | 0.211 | 147.6 |
| 3 | 0.894 | 0.23 | 142.3 |
| 4 | 0.917 | 0.194 | 135 |

## In these collections

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

## Other forms

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