# Neon cyan, light green and yellow linear gradient

Neon cyan, light green and yellow linear gradient with 32 colors: #67fcff, #59feff, #54fffd, #5cfefa, #62fef5, #66ffef, #69ffe7, #71ffdb, #79ffcd, #80ffbd, #89ffad, #90ffa0, #97ff94, #9eff8b, #a4ff80, #a7ff6f, #acfe59, #b2fa4b, #b8f63e, #bef131, #c3ec24, #cae712, #d0e200, #d6dd00, #dbd800, #e1d306, #e6ce05, #ebc800, #f0c200, #f5bb00, #f9b600, #fbb205. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `ka6GeMdC--nO5u90S7378o-WvAPdnPT0g`
- Page: https://grabient.com/ka6GeMdC--nO5u90S7378o-WvAPdnPT0g?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: even lightness, vivid, neon, light
- Hues: wide
- Contrast of its darkest and lightest colors: 1.5 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 | `#67fcff` | `oklch(91.34% 0.1262 196.87)` | Moonglade Water | black, 16.9 to 1 |
| 2 | `#59feff` | `oklch(91.34% 0.1340 195.70)` | CGA Blue | black, 17 to 1 |
| 3 | `#54fffd` | `oklch(91.36% 0.1367 194.29)` | Electric Sheep | black, 17 to 1 |
| 4 | `#5cfefa` | `oklch(91.37% 0.1334 192.36)` | CGA Blue | black, 17 to 1 |
| 5 | `#62fef5` | `oklch(91.37% 0.1310 189.68)` | CGA Blue | black, 17 to 1 |
| 6 | `#66ffef` | `oklch(91.34% 0.1307 185.98)` | Icy Life | black, 17 to 1 |
| 7 | `#69ffe7` | `oklch(91.29% 0.1325 180.75)` | Icy Life | black, 17 to 1 |
| 8 | `#71ffdb` | `oklch(91.19% 0.1342 173.87)` | Spindrift | black, 17 to 1 |
| 9 | `#79ffcd` | `oklch(91.09% 0.1391 166.21)` | Calamine Blue | black, 16.9 to 1 |
| 10 | `#80ffbd` | `oklch(91.00% 0.1472 158.68)` | Mint Bliss | black, 16.9 to 1 |
| 11 | `#89ffad` | `oklch(90.95% 0.1560 152.17)` | Foam Green | black, 16.9 to 1 |
| 12 | `#90ffa0` | `oklch(90.99% 0.1642 147.29)` | Barium Green | black, 16.9 to 1 |
| 13 | `#97ff94` | `oklch(91.15% 0.1728 143.48)` | Cobalt Green | black, 17 to 1 |
| 14 | `#9eff8b` | `oklch(91.35% 0.1778 140.36)` | Cobalt Green | black, 17.1 to 1 |
| 15 | `#a4ff80` | `oklch(91.49% 0.1846 137.61)` | Lima | black, 17.1 to 1 |
| 16 | `#a7ff6f` | `oklch(91.45% 0.1978 134.90)` | Key Lime | black, 17.1 to 1 |
| 17 | `#acfe59` | `oklch(91.15% 0.2099 132.03)` | Irradiated Green | black, 17 to 1 |
| 18 | `#b2fa4b` | `oklch(90.59% 0.2115 129.38)` | Irradiated Green | black, 16.6 to 1 |
| 19 | `#b8f63e` | `oklch(89.85% 0.2109 126.87)` | Pick Your Poison | black, 16.2 to 1 |
| 20 | `#bef131` | `oklch(89.05% 0.2089 124.36)` | Pick Your Poison | black, 15.7 to 1 |
| 21 | `#c3ec24` | `oklch(88.26% 0.2060 121.69)` | Virtual Golf | black, 15.3 to 1 |
| 22 | `#cae712` | `oklch(87.58% 0.2028 118.70)` | Poisonous Pesto | black, 14.9 to 1 |
| 23 | `#d0e200` | `oklch(86.96% 0.1979 115.53)` | Sickly Yellow | black, 14.5 to 1 |
| 24 | `#d6dd00` | `oklch(86.37% 0.1915 112.20)` | Golden Gun | black, 14.2 to 1 |
| 25 | `#dbd800` | `oklch(85.78% 0.1857 108.70)` | Chips Provencale | black, 13.8 to 1 |
| 26 | `#e1d306` | `oklch(85.17% 0.1800 105.01)` | Chips Provencale | black, 13.5 to 1 |
| 27 | `#e6ce05` | `oklch(84.54% 0.1758 101.09)` | Citrine | black, 13.2 to 1 |
| 28 | `#ebc800` | `oklch(83.80% 0.1725 96.41)` | Golden Crescent | black, 12.8 to 1 |
| 29 | `#f0c200` | `oklch(83.01% 0.1697 91.20)` | Contrasting Yellow | black, 12.3 to 1 |
| 30 | `#f5bb00` | `oklch(82.23% 0.1683 86.06)` | Decor Yellow | black, 12 to 1 |
| 31 | `#f9b600` | `oklch(81.57% 0.1682 81.63)` | Yellow Summer | black, 11.6 to 1 |
| 32 | `#fbb205` | `oklch(81.10% 0.1681 78.52)` | Yellow Orange | black, 11.4 to 1 |

## CSS

```css
background: linear-gradient(180deg, #67fcff 0.0%, #59feff 3.2%, #54fffd 6.5%, #5cfefa 9.7%, #62fef5 12.9%, #66ffef 16.1%, #69ffe7 19.4%, #71ffdb 22.6%, #79ffcd 25.8%, #80ffbd 29.0%, #89ffad 32.3%, #90ffa0 35.5%, #97ff94 38.7%, #9eff8b 41.9%, #a4ff80 45.2%, #a7ff6f 48.4%, #acfe59 51.6%, #b2fa4b 54.8%, #b8f63e 58.1%, #bef131 61.3%, #c3ec24 64.5%, #cae712 67.7%, #d0e200 71.0%, #d6dd00 74.2%, #dbd800 77.4%, #e1d306 80.6%, #e6ce05 83.9%, #ebc800 87.1%, #f0c200 90.3%, #f5bb00 93.5%, #f9b600 96.8%, #fbb205 100.0%);
background: linear-gradient(180deg in oklch, oklch(91.34% 0.1262 196.87) 0.0%, oklch(91.34% 0.1340 195.70) 3.2%, oklch(91.36% 0.1367 194.29) 6.5%, oklch(91.37% 0.1334 192.36) 9.7%, oklch(91.37% 0.1310 189.68) 12.9%, oklch(91.34% 0.1307 185.98) 16.1%, oklch(91.29% 0.1325 180.75) 19.4%, oklch(91.19% 0.1342 173.87) 22.6%, oklch(91.09% 0.1391 166.21) 25.8%, oklch(91.00% 0.1472 158.68) 29.0%, oklch(90.95% 0.1560 152.17) 32.3%, oklch(90.99% 0.1642 147.29) 35.5%, oklch(91.15% 0.1728 143.48) 38.7%, oklch(91.35% 0.1778 140.36) 41.9%, oklch(91.49% 0.1846 137.61) 45.2%, oklch(91.45% 0.1978 134.90) 48.4%, oklch(91.15% 0.2099 132.03) 51.6%, oklch(90.59% 0.2115 129.38) 54.8%, oklch(89.85% 0.2109 126.87) 58.1%, oklch(89.05% 0.2089 124.36) 61.3%, oklch(88.26% 0.2060 121.69) 64.5%, oklch(87.58% 0.2028 118.70) 67.7%, oklch(86.96% 0.1979 115.53) 71.0%, oklch(86.37% 0.1915 112.20) 74.2%, oklch(85.78% 0.1857 108.70) 77.4%, oklch(85.17% 0.1800 105.01) 80.6%, oklch(84.54% 0.1758 101.09) 83.9%, oklch(83.80% 0.1725 96.41) 87.1%, oklch(83.01% 0.1697 91.20) 90.3%, oklch(82.23% 0.1683 86.06) 93.5%, oklch(81.57% 0.1682 81.63) 96.8%, oklch(81.10% 0.1681 78.52) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.913 | 0.142 | 196.9 |
| 2 | 0.913 | 0.131 | 185.3 |
| 3 | 0.909 | 0.158 | 150.4 |
| 4 | 0.913 | 0.208 | 133.5 |
| 5 | 0.878 | 0.204 | 119.7 |
| 6 | 0.846 | 0.176 | 101.8 |
| 7 | 0.811 | 0.168 | 78.5 |

## In these collections

- [Summer gradients](https://grabient.com/summer-gradients)
- [Spring gradients](https://grabient.com/spring-gradients)
- [Light multicolor gradients](https://grabient.com/light-multicolor-gradients)
- [Golden pollen](https://grabient.com/golden-pollen)

## Other forms

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