# Lime green, dark purple and green linear gradient

Lime green, dark purple and green linear gradient with 7 colors: #83f319, #eb7c37, #814760, #391c2b, #66243b, #b45900, #92cb3a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW27NgTCoxKKSvW6LsN4sHM4`
- Page: https://grabient.com/kW27NgTCoxKKSvW6LsN4sHM4
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: dark center, warm, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 10.7 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 | `#83f319` | `oklch(86.22% 0.2467 135.00)` | Fresh Granny Smith | black, 14.7 to 1 |
| 2 | `#eb7c37` | `oklch(70.08% 0.1593 48.82)` | Salsa Sizzle | black, 7.4 to 1 |
| 3 | `#814760` | `oklch(47.52% 0.0840 353.71)` | Wild Plum | white, 6.9 to 1 |
| 4 | `#391c2b` | `oklch(27.17% 0.0510 349.17)` | Jasmin Beauty | white, 15.3 to 1 |
| 5 | `#66243b` | `oklch(36.61% 0.0990 1.07)` | Quills of Terico | white, 11.1 to 1 |
| 6 | `#b45900` | `oklch(56.49% 0.1425 53.48)` | Elm Brown Red | white, 4.7 to 1 |
| 7 | `#92cb3a` | `oklch(77.56% 0.1805 128.66)` | Midsummer Field | black, 10.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #83f319 0.0%, #eb7c37 16.7%, #814760 33.3%, #391c2b 50.0%, #66243b 66.7%, #b45900 83.3%, #92cb3a 100.0%);
background: linear-gradient(90deg in oklch, oklch(86.22% 0.2467 135.00) 0.0%, oklch(70.08% 0.1593 48.82) 16.7%, oklch(47.52% 0.0840 353.71) 33.3%, oklch(27.17% 0.0510 349.17) 50.0%, oklch(36.61% 0.0990 1.07) 66.7%, oklch(56.49% 0.1425 53.48) 83.3%, oklch(77.56% 0.1805 128.66) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.862 | 0.247 | 135 |
| 2 | 0.598 | 0.116 | 10.3 |
| 3 | 0.272 | 0.051 | -10.8 |
| 4 | 0.457 | 0.128 | 18.8 |
| 5 | 0.776 | 0.181 | 128.7 |

## Other forms

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