# Neon analogous yellow to green radial gradient

Neon analogous yellow to green radial gradient with 32 colors: #f8e73d, #f7e740, #f7e944, #f7ea48, #f6ec4d, #f5ed51, #f4ee54, #f3ef56, #f1f057, #eff056, #ecf054, #e9f052, #e5f04f, #e1ef4c, #ddee48, #d9ee45, #d4ed43, #d0ed41, #ccec3e, #c7eb3c, #c2ea39, #bde937, #b8e836, #b2e735, #ade534, #a6e334, #9fe034, #98de35, #91db35, #8ad936, #85d737, #81d637. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW6IBJ9j3AnLDwPtSUD5MpA4`
- Page: https://grabient.com/kW6IBJ9j3AnLDwPtSUD5MpA4?style=radialGradient&steps=32&angle=270
- Drawn as: radial gradient, 32 steps, 270 degrees
- Kinds: vivid, neon, light
- Hues: analogous
- 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 | `#f8e73d` | `oklch(91.34% 0.1764 103.36)` | Zard Yellow | black, 16.4 to 1 |
| 2 | `#f7e740` | `oklch(91.50% 0.1757 103.76)` | Dhalsim’s Yoga Flame | black, 16.5 to 1 |
| 3 | `#f7e944` | `oklch(91.74% 0.1745 104.27)` | Banana Bombshell | black, 16.6 to 1 |
| 4 | `#f7ea48` | `oklch(92.03% 0.1731 104.87)` | Paris Daisy | black, 16.8 to 1 |
| 5 | `#f6ec4d` | `oklch(92.34% 0.1717 105.56)` | Paris Daisy | black, 16.9 to 1 |
| 6 | `#f5ed51` | `oklch(92.61% 0.1705 106.32)` | Paris Daisy | black, 17.1 to 1 |
| 7 | `#f4ee54` | `oklch(92.82% 0.1696 107.13)` | Gargantua | black, 17.2 to 1 |
| 8 | `#f3ef56` | `oklch(92.93% 0.1693 107.98)` | Gargantua | black, 17.3 to 1 |
| 9 | `#f1f057` | `oklch(92.89% 0.1697 108.87)` | Gargantua | black, 17.3 to 1 |
| 10 | `#eff056` | `oklch(92.73% 0.1708 109.83)` | Gargantua | black, 17.2 to 1 |
| 11 | `#ecf054` | `oklch(92.48% 0.1726 110.87)` | Gargantua | black, 17.1 to 1 |
| 12 | `#e9f052` | `oklch(92.14% 0.1748 111.96)` | Gargantua | black, 17 to 1 |
| 13 | `#e5f04f` | `oklch(91.75% 0.1773 113.10)` | Biotic Grasp | black, 16.8 to 1 |
| 14 | `#e1ef4c` | `oklch(91.32% 0.1800 114.26)` | Biotic Grasp | black, 16.6 to 1 |
| 15 | `#ddee48` | `oklch(90.86% 0.1826 115.41)` | Ultra Moss | black, 16.4 to 1 |
| 16 | `#d9ee45` | `oklch(90.39% 0.1850 116.55)` | Ultra Moss | black, 16.2 to 1 |
| 17 | `#d4ed43` | `oklch(89.93% 0.1871 117.64)` | Lime Fizz | black, 16 to 1 |
| 18 | `#d0ed41` | `oklch(89.45% 0.1892 118.73)` | Lime Fizz | black, 15.8 to 1 |
| 19 | `#ccec3e` | `oklch(88.96% 0.1915 119.82)` | Lime Fizz | black, 15.6 to 1 |
| 20 | `#c7eb3c` | `oklch(88.44% 0.1937 120.92)` | Lime Fizz | black, 15.3 to 1 |
| 21 | `#c2ea39` | `oklch(87.89% 0.1958 122.01)` | Energos | black, 15.1 to 1 |
| 22 | `#bde937` | `oklch(87.30% 0.1977 123.10)` | Energos | black, 14.8 to 1 |
| 23 | `#b8e836` | `oklch(86.68% 0.1995 124.19)` | Energos | black, 14.6 to 1 |
| 24 | `#b2e735` | `oklch(86.00% 0.2009 125.28)` | Akhdhar Green | black, 14.3 to 1 |
| 25 | `#ade534` | `oklch(85.24% 0.2019 126.41)` | Akhdhar Green | black, 14 to 1 |
| 26 | `#a6e334` | `oklch(84.34% 0.2027 127.63)` | Dynamic Green | black, 13.6 to 1 |
| 27 | `#9fe034` | `oklch(83.35% 0.2032 128.89)` | Poisonous Potion | black, 13.2 to 1 |
| 28 | `#98de35` | `oklch(82.34% 0.2035 130.15)` | Poisonous Potion | black, 12.8 to 1 |
| 29 | `#91db35` | `oklch(81.35% 0.2036 131.35)` | Effervescent Lime | black, 12.4 to 1 |
| 30 | `#8ad936` | `oklch(80.44% 0.2037 132.42)` | Frogger | black, 12 to 1 |
| 31 | `#85d737` | `oklch(79.69% 0.2038 133.33)` | Frogger | black, 11.7 to 1 |
| 32 | `#81d637` | `oklch(79.13% 0.2039 134.01)` | Frogger | black, 11.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f8e73d 0.0%, #f7e740 3.2%, #f7e944 6.5%, #f7ea48 9.7%, #f6ec4d 12.9%, #f5ed51 16.1%, #f4ee54 19.4%, #f3ef56 22.6%, #f1f057 25.8%, #eff056 29.0%, #ecf054 32.3%, #e9f052 35.5%, #e5f04f 38.7%, #e1ef4c 41.9%, #ddee48 45.2%, #d9ee45 48.4%, #d4ed43 51.6%, #d0ed41 54.8%, #ccec3e 58.1%, #c7eb3c 61.3%, #c2ea39 64.5%, #bde937 67.7%, #b8e836 71.0%, #b2e735 74.2%, #ade534 77.4%, #a6e334 80.6%, #9fe034 83.9%, #98de35 87.1%, #91db35 90.3%, #8ad936 93.5%, #85d737 96.8%, #81d637 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(91.34% 0.1764 103.36) 0.0%, oklch(91.50% 0.1757 103.76) 3.2%, oklch(91.74% 0.1745 104.27) 6.5%, oklch(92.03% 0.1731 104.87) 9.7%, oklch(92.34% 0.1717 105.56) 12.9%, oklch(92.61% 0.1705 106.32) 16.1%, oklch(92.82% 0.1696 107.13) 19.4%, oklch(92.93% 0.1693 107.98) 22.6%, oklch(92.89% 0.1697 108.87) 25.8%, oklch(92.73% 0.1708 109.83) 29.0%, oklch(92.48% 0.1726 110.87) 32.3%, oklch(92.14% 0.1748 111.96) 35.5%, oklch(91.75% 0.1773 113.10) 38.7%, oklch(91.32% 0.1800 114.26) 41.9%, oklch(90.86% 0.1826 115.41) 45.2%, oklch(90.39% 0.1850 116.55) 48.4%, oklch(89.93% 0.1871 117.64) 51.6%, oklch(89.45% 0.1892 118.73) 54.8%, oklch(88.96% 0.1915 119.82) 58.1%, oklch(88.44% 0.1937 120.92) 61.3%, oklch(87.89% 0.1958 122.01) 64.5%, oklch(87.30% 0.1977 123.10) 67.7%, oklch(86.68% 0.1995 124.19) 71.0%, oklch(86.00% 0.2009 125.28) 74.2%, oklch(85.24% 0.2019 126.41) 77.4%, oklch(84.34% 0.2027 127.63) 80.6%, oklch(83.35% 0.2032 128.89) 83.9%, oklch(82.34% 0.2035 130.15) 87.1%, oklch(81.35% 0.2036 131.35) 90.3%, oklch(80.44% 0.2037 132.42) 93.5%, oklch(79.69% 0.2038 133.33) 96.8%, oklch(79.13% 0.2039 134.01) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.913 | 0.176 | 103.4 |
| 2 | 0.929 | 0.169 | 108.6 |
| 3 | 0.902 | 0.186 | 117.1 |
| 4 | 0.858 | 0.201 | 125.6 |
| 5 | 0.791 | 0.204 | 134 |

## In these collections

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

## Other forms

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