# Neon lime coral diagonal

Neon duotone orange and green linear gradient with 32 colors: #fe4d39, #ff5529, #ff5f04, #f77200, #f08300, #ea9100, #e39f00, #dcac00, #d3b900, #c8c600, #b8d300, #a1e000, #84eb2d, #6af251, #50f764, #3df96d, #3bf96c, #4cf55f, #65f046, #80e800, #a0da00, #b5cc00, #c3bf00, #cdb100, #d4a300, #d99500, #de8700, #e37800, #e96700, #f05200, #f93400, #fd0915. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Neon duotone orange and green linear gradient
- Seed: `kSqp0V7dXN0_cMc`
- Page: https://grabient.com/kSqp0V7dXN0_cMc?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: vivid, neon
- Hues: wide
- Contrast of its darkest and lightest colors: 2.8 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 | `#fe4d39` | `oklch(66.93% 0.2163 30.23)` | Orange Dusk | black, 6.3 to 1 |
| 2 | `#ff5529` | `oklch(67.71% 0.2136 34.95)` | Smashing Pumpkins | black, 6.5 to 1 |
| 3 | `#ff5f04` | `oklch(68.78% 0.2091 41.35)` | Vivid Orange | black, 6.9 to 1 |
| 4 | `#f77200` | `oklch(70.10% 0.1877 49.11)` | Fire Dragon Bright | black, 7.3 to 1 |
| 5 | `#f08300` | `oklch(71.60% 0.1714 58.01)` | Mikan Orange | black, 7.9 to 1 |
| 6 | `#ea9100` | `oklch(73.24% 0.1610 67.72)` | Carrot Orange | black, 8.5 to 1 |
| 7 | `#e39f00` | `oklch(74.97% 0.1563 77.97)` | Bilious Brown | black, 9.2 to 1 |
| 8 | `#dcac00` | `oklch(76.73% 0.1568 88.47)` | Mortal Yellow | black, 9.9 to 1 |
| 9 | `#d3b900` | `oklch(78.49% 0.1626 98.94)` | Lionhead | black, 10.7 to 1 |
| 10 | `#c8c600` | `oklch(80.18% 0.1740 109.09)` | Dirty Yellow | black, 11.5 to 1 |
| 11 | `#b8d300` | `oklch(81.76% 0.1915 118.63)` | Garlic Pesto | black, 12.3 to 1 |
| 12 | `#a1e000` | `oklch(83.18% 0.2154 127.28)` | Bryopsida Green | black, 13.1 to 1 |
| 13 | `#84eb2d` | `oklch(84.39% 0.2310 134.75)` | Luxurious Lime | black, 13.8 to 1 |
| 14 | `#6af251` | `oklch(85.33% 0.2324 140.76)` | The Matrix | black, 14.4 to 1 |
| 15 | `#50f764` | `oklch(85.97% 0.2337 145.03)` | Synthetic Spearmint | black, 14.7 to 1 |
| 16 | `#3df96d` | `oklch(86.24% 0.2350 147.27)` | Synthetic Spearmint | black, 14.9 to 1 |
| 17 | `#3bf96c` | `oklch(86.09% 0.2362 147.20)` | Synthetic Spearmint | black, 14.8 to 1 |
| 18 | `#4cf55f` | `oklch(85.53% 0.2375 144.82)` | Synthetic Spearmint | black, 14.5 to 1 |
| 19 | `#65f046` | `oklch(84.59% 0.2388 140.40)` | Miyazaki Verdant | black, 14 to 1 |
| 20 | `#80e800` | `oklch(83.32% 0.2401 134.23)` | Slimy Green | black, 13.4 to 1 |
| 21 | `#a0da00` | `oklch(81.79% 0.2099 126.60)` | Moot Green | black, 12.5 to 1 |
| 22 | `#b5cc00` | `oklch(80.05% 0.1860 117.79)` | Chartreuse Spark | black, 11.6 to 1 |
| 23 | `#c3bf00` | `oklch(78.14% 0.1686 108.09)` | Sweet & Sour | black, 10.7 to 1 |
| 24 | `#cdb100` | `oklch(76.13% 0.1573 97.79)` | Mustard | black, 9.8 to 1 |
| 25 | `#d4a300` | `oklch(74.06% 0.1515 87.17)` | Mouldy Ochre | black, 9 to 1 |
| 26 | `#d99500` | `oklch(72.00% 0.1509 76.52)` | Bonfire Glow | black, 8.2 to 1 |
| 27 | `#de8700` | `oklch(69.98% 0.1557 66.13)` | Non-Stop Orange | black, 7.5 to 1 |
| 28 | `#e37800` | `oklch(68.08% 0.1661 56.28)` | First of Fall | black, 6.9 to 1 |
| 29 | `#e96700` | `oklch(66.33% 0.1827 47.27)` | Epicurean Orange | black, 6.3 to 1 |
| 30 | `#f05200` | `oklch(64.80% 0.2060 39.38)` | Cigarette Glow | black, 5.9 to 1 |
| 31 | `#f93400` | `oklch(63.54% 0.2351 32.90)` | Metroid Red | black, 5.4 to 1 |
| 32 | `#fd0915` | `oklch(62.60% 0.2535 28.12)` | Virtual Boy | black, 5.2 to 1 |

## CSS

```css
background: linear-gradient(45deg, #fe4d39 0.0%, #ff5529 3.2%, #ff5f04 6.5%, #f77200 9.7%, #f08300 12.9%, #ea9100 16.1%, #e39f00 19.4%, #dcac00 22.6%, #d3b900 25.8%, #c8c600 29.0%, #b8d300 32.3%, #a1e000 35.5%, #84eb2d 38.7%, #6af251 41.9%, #50f764 45.2%, #3df96d 48.4%, #3bf96c 51.6%, #4cf55f 54.8%, #65f046 58.1%, #80e800 61.3%, #a0da00 64.5%, #b5cc00 67.7%, #c3bf00 71.0%, #cdb100 74.2%, #d4a300 77.4%, #d99500 80.6%, #de8700 83.9%, #e37800 87.1%, #e96700 90.3%, #f05200 93.5%, #f93400 96.8%, #fd0915 100.0%);
background: linear-gradient(45deg in oklch, oklch(66.93% 0.2163 30.23) 0.0%, oklch(67.71% 0.2136 34.95) 3.2%, oklch(68.78% 0.2091 41.35) 6.5%, oklch(70.10% 0.1877 49.11) 9.7%, oklch(71.60% 0.1714 58.01) 12.9%, oklch(73.24% 0.1610 67.72) 16.1%, oklch(74.97% 0.1563 77.97) 19.4%, oklch(76.73% 0.1568 88.47) 22.6%, oklch(78.49% 0.1626 98.94) 25.8%, oklch(80.18% 0.1740 109.09) 29.0%, oklch(81.76% 0.1915 118.63) 32.3%, oklch(83.18% 0.2154 127.28) 35.5%, oklch(84.39% 0.2310 134.75) 38.7%, oklch(85.33% 0.2324 140.76) 41.9%, oklch(85.97% 0.2337 145.03) 45.2%, oklch(86.24% 0.2350 147.27) 48.4%, oklch(86.09% 0.2362 147.20) 51.6%, oklch(85.53% 0.2375 144.82) 54.8%, oklch(84.59% 0.2388 140.40) 58.1%, oklch(83.32% 0.2401 134.23) 61.3%, oklch(81.79% 0.2099 126.60) 64.5%, oklch(80.05% 0.1860 117.79) 67.7%, oklch(78.14% 0.1686 108.09) 71.0%, oklch(76.13% 0.1573 97.79) 74.2%, oklch(74.06% 0.1515 87.17) 77.4%, oklch(72.00% 0.1509 76.52) 80.6%, oklch(69.98% 0.1557 66.13) 83.9%, oklch(68.08% 0.1661 56.28) 87.1%, oklch(66.33% 0.1827 47.27) 90.3%, oklch(64.80% 0.2060 39.38) 93.5%, oklch(63.54% 0.2351 32.90) 96.8%, oklch(62.60% 0.2535 28.12) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.669 | 0.216 | 30.2 |
| 2 | 0.862 | 0.236 | 147.5 |
| 3 | 0.626 | 0.254 | 28.1 |

## In these collections

- [Red and green gradients](https://grabient.com/red-and-green-gradients)

## Other forms

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