# Lemon to Spring Green

Neon analogous yellow to green linear gradient with 32 colors: #fce84b, #fae848, #f7e743, #f4e73d, #f0e636, #ebe62f, #e6e526, #e1e41c, #dce410, #d7e301, #d1e300, #cce200, #c7e200, #c2e100, #bde100, #b7e000, #b2e000, #acdf0a, #a6df13, #a1de1a, #9bdd20, #95dc25, #8fdb2a, #89da2f, #82d834, #7cd739, #76d53d, #70d341, #6ad244, #65d147, #60cf49, #5dcf4b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Neon analogous yellow to green linear gradient
- Seed: `kU6ntI7sjBmhMQZgyMFA`
- Page: https://grabient.com/kU6ntI7sjBmhMQZgyMFA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: vivid, neon, light
- Hues: analogous
- 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 | `#fce84b` | `oklch(92.13% 0.1695 101.95)` | Paris Daisy | black, 16.8 to 1 |
| 2 | `#fae848` | `oklch(91.83% 0.1713 102.74)` | Paris Daisy | black, 16.6 to 1 |
| 3 | `#f7e743` | `oklch(91.46% 0.1738 103.75)` | Highlighter Yellow | black, 16.5 to 1 |
| 4 | `#f4e73d` | `oklch(91.01% 0.1767 104.94)` | Highlighter Yellow | black, 16.3 to 1 |
| 5 | `#f0e636` | `oklch(90.52% 0.1800 106.27)` | Highlighter Yellow | black, 16 to 1 |
| 6 | `#ebe62f` | `oklch(89.98% 0.1835 107.72)` | Lime Time | black, 15.8 to 1 |
| 7 | `#e6e526` | `oklch(89.42% 0.1870 109.23)` | Birdie | black, 15.6 to 1 |
| 8 | `#e1e41c` | `oklch(88.84% 0.1905 110.78)` | Peridot | black, 15.3 to 1 |
| 9 | `#dce410` | `oklch(88.26% 0.1938 112.32)` | Yellow Duranta | black, 15.1 to 1 |
| 10 | `#d7e301` | `oklch(87.71% 0.1967 113.82)` | Sickly Yellow | black, 14.8 to 1 |
| 11 | `#d1e300` | `oklch(87.18% 0.1979 115.24)` | Sickly Yellow | black, 14.6 to 1 |
| 12 | `#cce200` | `oklch(86.68% 0.1991 116.58)` | Electric Energy | black, 14.4 to 1 |
| 13 | `#c7e200` | `oklch(86.19% 0.2005 117.93)` | Electric Energy | black, 14.2 to 1 |
| 14 | `#c2e100` | `oklch(85.71% 0.2020 119.29)` | Sour Green | black, 14 to 1 |
| 15 | `#bde100` | `oklch(85.22% 0.2037 120.65)` | Livid Lime | black, 13.8 to 1 |
| 16 | `#b7e000` | `oklch(84.74% 0.2056 122.02)` | Livid Lime | black, 13.7 to 1 |
| 17 | `#b2e000` | `oklch(84.25% 0.2076 123.37)` | Akhdhar Green | black, 13.5 to 1 |
| 18 | `#acdf0a` | `oklch(83.76% 0.2083 124.71)` | Slimer Green | black, 13.3 to 1 |
| 19 | `#a6df13` | `oklch(83.27% 0.2088 126.03)` | Slimer Green | black, 13.1 to 1 |
| 20 | `#a1de1a` | `oklch(82.76% 0.2092 127.33)` | Bryopsida Green | black, 12.9 to 1 |
| 21 | `#9bdd20` | `oklch(82.24% 0.2094 128.60)` | Green Serum | black, 12.7 to 1 |
| 22 | `#95dc25` | `oklch(81.71% 0.2094 129.84)` | Green Serum | black, 12.5 to 1 |
| 23 | `#8fdb2a` | `oklch(81.12% 0.2091 131.12)` | Effervescent Lime | black, 12.3 to 1 |
| 24 | `#89da2f` | `oklch(80.49% 0.2084 132.43)` | Frogger | black, 12 to 1 |
| 25 | `#82d834` | `oklch(79.83% 0.2074 133.74)` | Frogger | black, 11.8 to 1 |
| 26 | `#7cd739` | `oklch(79.17% 0.2063 135.05)` | Frogger | black, 11.5 to 1 |
| 27 | `#76d53d` | `oklch(78.51% 0.2050 136.31)` | Fresh Green | black, 11.3 to 1 |
| 28 | `#70d341` | `oklch(77.88% 0.2037 137.50)` | Fresh Green | black, 11.1 to 1 |
| 29 | `#6ad244` | `oklch(77.29% 0.2025 138.59)` | Verdant Fields | black, 10.9 to 1 |
| 30 | `#65d147` | `oklch(76.77% 0.2014 139.57)` | Verdant Fields | black, 10.7 to 1 |
| 31 | `#60cf49` | `oklch(76.33% 0.2004 140.40)` | Bitter Dandelion | black, 10.5 to 1 |
| 32 | `#5dcf4b` | `oklch(75.98% 0.1998 141.05)` | Bitter Dandelion | black, 10.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #fce84b 0.0%, #fae848 3.2%, #f7e743 6.5%, #f4e73d 9.7%, #f0e636 12.9%, #ebe62f 16.1%, #e6e526 19.4%, #e1e41c 22.6%, #dce410 25.8%, #d7e301 29.0%, #d1e300 32.3%, #cce200 35.5%, #c7e200 38.7%, #c2e100 41.9%, #bde100 45.2%, #b7e000 48.4%, #b2e000 51.6%, #acdf0a 54.8%, #a6df13 58.1%, #a1de1a 61.3%, #9bdd20 64.5%, #95dc25 67.7%, #8fdb2a 71.0%, #89da2f 74.2%, #82d834 77.4%, #7cd739 80.6%, #76d53d 83.9%, #70d341 87.1%, #6ad244 90.3%, #65d147 93.5%, #60cf49 96.8%, #5dcf4b 100.0%);
background: linear-gradient(135deg in oklch, oklch(92.13% 0.1695 101.95) 0.0%, oklch(91.83% 0.1713 102.74) 3.2%, oklch(91.46% 0.1738 103.75) 6.5%, oklch(91.01% 0.1767 104.94) 9.7%, oklch(90.52% 0.1800 106.27) 12.9%, oklch(89.98% 0.1835 107.72) 16.1%, oklch(89.42% 0.1870 109.23) 19.4%, oklch(88.84% 0.1905 110.78) 22.6%, oklch(88.26% 0.1938 112.32) 25.8%, oklch(87.71% 0.1967 113.82) 29.0%, oklch(87.18% 0.1979 115.24) 32.3%, oklch(86.68% 0.1991 116.58) 35.5%, oklch(86.19% 0.2005 117.93) 38.7%, oklch(85.71% 0.2020 119.29) 41.9%, oklch(85.22% 0.2037 120.65) 45.2%, oklch(84.74% 0.2056 122.02) 48.4%, oklch(84.25% 0.2076 123.37) 51.6%, oklch(83.76% 0.2083 124.71) 54.8%, oklch(83.27% 0.2088 126.03) 58.1%, oklch(82.76% 0.2092 127.33) 61.3%, oklch(82.24% 0.2094 128.60) 64.5%, oklch(81.71% 0.2094 129.84) 67.7%, oklch(81.12% 0.2091 131.12) 71.0%, oklch(80.49% 0.2084 132.43) 74.2%, oklch(79.83% 0.2074 133.74) 77.4%, oklch(79.17% 0.2063 135.05) 80.6%, oklch(78.51% 0.2050 136.31) 83.9%, oklch(77.88% 0.2037 137.50) 87.1%, oklch(77.29% 0.2025 138.59) 90.3%, oklch(76.77% 0.2014 139.57) 93.5%, oklch(76.33% 0.2004 140.40) 96.8%, oklch(75.98% 0.1998 141.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.169 | 102 |
| 2 | 0.87 | 0.2 | 115.7 |
| 3 | 0.819 | 0.209 | 129.4 |
| 4 | 0.76 | 0.2 | 141.1 |

## In these collections

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

## Other forms

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