# Neon yellow, orange, pink and purple linear gradient

Neon yellow, orange, pink and purple linear gradient with 32 colors: #eed01a, #f1cb16, #f5c517, #f8bd1d, #fbb425, #fdac2d, #fea331, #ff9b33, #ff9238, #ff883c, #ff7d40, #ff7344, #ff6848, #ff5d4b, #fe5450, #fd4a53, #fc4056, #fa3659, #f72c5d, #f32262, #ee1a66, #e81469, #e2106c, #db0c6f, #d40972, #cc0576, #c3017a, #b9007e, #af0082, #a50085, #9d0087, #970088. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY2n5GZDo8FjHO_QVT2xtG-DtLvS`
- Page: https://grabient.com/kY2n5GZDo8FjHO_QVT2xtG-DtLvS?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light to dark, vivid, neon, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 5.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 | `#eed01a` | `oklch(85.83% 0.1736 98.44)` | Under the Sun | black, 13.7 to 1 |
| 2 | `#f1cb16` | `oklch(85.11% 0.1716 95.02)` | Deep Daishin Yellow | black, 13.3 to 1 |
| 3 | `#f5c517` | `oklch(84.13% 0.1684 90.33)` | Leery Lemon | black, 12.8 to 1 |
| 4 | `#f8bd1d` | `oklch(82.97% 0.1648 84.76)` | Chocobo Feather | black, 12.2 to 1 |
| 5 | `#fbb425` | `oklch(81.69% 0.1616 78.71)` | Dithered Amber | black, 11.6 to 1 |
| 6 | `#fdac2d` | `oklch(80.34% 0.1596 72.58)` | Honey Wax | black, 11 to 1 |
| 7 | `#fea331` | `oklch(79.00% 0.1595 66.77)` | Carona | black, 10.5 to 1 |
| 8 | `#ff9b33` | `oklch(77.65% 0.1620 61.26)` | Deep Saffron | black, 9.9 to 1 |
| 9 | `#ff9238` | `oklch(76.18% 0.1644 55.50)` | Energy Orange | black, 9.3 to 1 |
| 10 | `#ff883c` | `oklch(74.65% 0.1685 49.65)` | Kanzō Orange | black, 8.8 to 1 |
| 11 | `#ff7d40` | `oklch(73.11% 0.1746 43.93)` | Mythical Orange | black, 8.2 to 1 |
| 12 | `#ff7344` | `oklch(71.61% 0.1823 38.52)` | Precious Persimmon | black, 7.7 to 1 |
| 13 | `#ff6848` | `oklch(70.20% 0.1911 33.63)` | Bruschetta Tomato | black, 7.3 to 1 |
| 14 | `#ff5d4b` | `oklch(68.95% 0.1995 29.42)` | Sunset Orange | black, 6.9 to 1 |
| 15 | `#fe5450` | `oklch(67.81% 0.2066 25.82)` | Fluorescent Red | black, 6.5 to 1 |
| 16 | `#fd4a53` | `oklch(66.75% 0.2141 22.68)` | Blood Burst | black, 6.2 to 1 |
| 17 | `#fc4056` | `oklch(65.73% 0.2213 19.84)` | Watermelon | black, 5.9 to 1 |
| 18 | `#fa3659` | `oklch(64.72% 0.2277 17.16)` | Detailed Devil | black, 5.7 to 1 |
| 19 | `#f72c5d` | `oklch(63.66% 0.2324 14.49)` | Red Pink | black, 5.4 to 1 |
| 20 | `#f32262` | `oklch(62.53% 0.2350 11.74)` | Pure Pleasure | black, 5.2 to 1 |
| 21 | `#ee1a66` | `oklch(61.39% 0.2355 9.19)` | Borderline Pink | black, 4.9 to 1 |
| 22 | `#e81469` | `oklch(60.23% 0.2343 6.81)` | Hyper Pink | black, 4.7 to 1 |
| 23 | `#e2106c` | `oklch(59.04% 0.2321 4.47)` | Purple Yearning | white, 4.6 to 1 |
| 24 | `#db0c6f` | `oklch(57.82% 0.2294 2.04)` | Magenta Elephant | white, 4.8 to 1 |
| 25 | `#d40972` | `oklch(56.56% 0.2265 359.37)` | Moth Orchid | white, 5.1 to 1 |
| 26 | `#cc0576` | `oklch(55.24% 0.2242 356.34)` | Bottom of My Heart | white, 5.4 to 1 |
| 27 | `#c3017a` | `oklch(53.72% 0.2216 352.60)` | Purple Anxiety | white, 5.8 to 1 |
| 28 | `#b9007e` | `oklch(52.05% 0.2185 348.35)` | Eye Popping Cherry | white, 6.2 to 1 |
| 29 | `#af0082` | `oklch(50.36% 0.2151 343.94)` | Blissful Berry | white, 6.6 to 1 |
| 30 | `#a50085` | `oklch(48.77% 0.2121 339.78)` | Blissful Berry | white, 7.1 to 1 |
| 31 | `#9d0087` | `oklch(47.43% 0.2097 336.25)` | Vanishing Night | white, 7.5 to 1 |
| 32 | `#970088` | `oklch(46.47% 0.2079 333.74)` | Vanishing Night | white, 7.8 to 1 |

## CSS

```css
background: linear-gradient(180deg, #eed01a 0.0%, #f1cb16 3.2%, #f5c517 6.5%, #f8bd1d 9.7%, #fbb425 12.9%, #fdac2d 16.1%, #fea331 19.4%, #ff9b33 22.6%, #ff9238 25.8%, #ff883c 29.0%, #ff7d40 32.3%, #ff7344 35.5%, #ff6848 38.7%, #ff5d4b 41.9%, #fe5450 45.2%, #fd4a53 48.4%, #fc4056 51.6%, #fa3659 54.8%, #f72c5d 58.1%, #f32262 61.3%, #ee1a66 64.5%, #e81469 67.7%, #e2106c 71.0%, #db0c6f 74.2%, #d40972 77.4%, #cc0576 80.6%, #c3017a 83.9%, #b9007e 87.1%, #af0082 90.3%, #a50085 93.5%, #9d0087 96.8%, #970088 100.0%);
background: linear-gradient(180deg in oklch, oklch(85.83% 0.1736 98.44) 0.0%, oklch(85.11% 0.1716 95.02) 3.2%, oklch(84.13% 0.1684 90.33) 6.5%, oklch(82.97% 0.1648 84.76) 9.7%, oklch(81.69% 0.1616 78.71) 12.9%, oklch(80.34% 0.1596 72.58) 16.1%, oklch(79.00% 0.1595 66.77) 19.4%, oklch(77.65% 0.1620 61.26) 22.6%, oklch(76.18% 0.1644 55.50) 25.8%, oklch(74.65% 0.1685 49.65) 29.0%, oklch(73.11% 0.1746 43.93) 32.3%, oklch(71.61% 0.1823 38.52) 35.5%, oklch(70.20% 0.1911 33.63) 38.7%, oklch(68.95% 0.1995 29.42) 41.9%, oklch(67.81% 0.2066 25.82) 45.2%, oklch(66.75% 0.2141 22.68) 48.4%, oklch(65.73% 0.2213 19.84) 51.6%, oklch(64.72% 0.2277 17.16) 54.8%, oklch(63.66% 0.2324 14.49) 58.1%, oklch(62.53% 0.2350 11.74) 61.3%, oklch(61.39% 0.2355 9.19) 64.5%, oklch(60.23% 0.2343 6.81) 67.7%, oklch(59.04% 0.2321 4.47) 71.0%, oklch(57.82% 0.2294 2.04) 74.2%, oklch(56.56% 0.2265 359.37) 77.4%, oklch(55.24% 0.2242 356.34) 80.6%, oklch(53.72% 0.2216 352.60) 83.9%, oklch(52.05% 0.2185 348.35) 87.1%, oklch(50.36% 0.2151 343.94) 90.3%, oklch(48.77% 0.2121 339.78) 93.5%, oklch(47.43% 0.2097 336.25) 96.8%, oklch(46.47% 0.2079 333.74) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.858 | 0.174 | 98.4 |
| 2 | 0.787 | 0.16 | 65.7 |
| 3 | 0.697 | 0.196 | 31.9 |
| 4 | 0.63 | 0.234 | 12.8 |
| 5 | 0.555 | 0.225 | -3 |
| 6 | 0.465 | 0.208 | -26.3 |

## In these collections

- [Sunrise gradients](https://grabient.com/sunrise-gradients)
- [Sunset gradients](https://grabient.com/sunset-gradients)

## Other forms

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