# Green, magenta and gray linear gradient

Green, magenta and gray linear gradient with 32 colors: #5fc651, #5dc350, #57be4f, #51b94e, #4fb34a, #53ac43, #5ea436, #6e9a24, #7f8d10, #8b800e, #92741e, #946a2c, #956335, #985d38, #9f5638, #a94e39, #b4443d, #bd3a46, #c23150, #c42d5b, #c32c62, #c12d67, #be316b, #bb376f, #b63e75, #af477c, #a65285, #9b5e8c, #906a8f, #87748c, #827b86, #808080. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYvIVk0jm_MSgttFw7pRjc90wAOo`
- Page: https://grabient.com/kYvIVk0jm_MSgttFw7pRjc90wAOo?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: vivid, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.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 | `#5fc651` | `oklch(74.02% 0.1833 141.33)` | Conceptual | black, 9.7 to 1 |
| 2 | `#5dc350` | `oklch(73.04% 0.1812 141.44)` | Range Land | black, 9.3 to 1 |
| 3 | `#57be4f` | `oklch(71.71% 0.1787 142.25)` | Range Land | black, 8.9 to 1 |
| 4 | `#51b94e` | `oklch(70.12% 0.1755 142.95)` | Classic Green | black, 8.4 to 1 |
| 5 | `#4fb34a` | `oklch(68.39% 0.1715 142.72)` | Classic Green | black, 7.8 to 1 |
| 6 | `#53ac43` | `oklch(66.61% 0.1664 140.77)` | Sonata in Green Minor | black, 7.3 to 1 |
| 7 | `#5ea436` | `oklch(64.89% 0.1599 136.26)` | Ballyhoo | black, 6.8 to 1 |
| 8 | `#6e9a24` | `oklch(63.17% 0.1505 128.28)` | Luminescent Green | black, 6.3 to 1 |
| 9 | `#7f8d10` | `oklch(61.23% 0.1367 116.88)` | Foggy Bog | black, 5.7 to 1 |
| 10 | `#8b800e` | `oklch(59.21% 0.1211 103.30)` | Fickle Pickle | black, 5.2 to 1 |
| 11 | `#92741e` | `oklch(57.28% 0.1062 88.81)` | Glazed Chestnut | black, 4.7 to 1 |
| 12 | `#946a2c` | `oklch(55.59% 0.0948 74.66)` | Armageddon Dunes | white, 4.8 to 1 |
| 13 | `#956335` | `oklch(54.30% 0.0894 62.12)` | Buddy Buddy | white, 5.1 to 1 |
| 14 | `#985d38` | `oklch(53.56% 0.0929 51.95)` | Toffee Crunch | white, 5.3 to 1 |
| 15 | `#9f5638` | `oklch(53.34% 0.1059 42.74)` | Persimmon Varnish | white, 5.4 to 1 |
| 16 | `#a94e39` | `oklch(53.48% 0.1250 34.30)` | Sun’s Rage | white, 5.4 to 1 |
| 17 | `#b4443d` | `oklch(53.84% 0.1464 26.63)` | Stiletto Love | white, 5.4 to 1 |
| 18 | `#bd3a46` | `oklch(54.27% 0.1663 19.73)` | Fire-Breathing Dragon | white, 5.4 to 1 |
| 19 | `#c23150` | `oklch(54.62% 0.1812 13.60)` | Dry Rose | white, 5.4 to 1 |
| 20 | `#c42d5b` | `oklch(54.75% 0.1877 8.35)` | Maroon Light | white, 5.4 to 1 |
| 21 | `#c32c62` | `oklch(54.75% 0.1894 4.77)` | Maroon Light | white, 5.4 to 1 |
| 22 | `#c12d67` | `oklch(54.71% 0.1876 2.45)` | Maroon Light | white, 5.4 to 1 |
| 23 | `#be316b` | `oklch(54.67% 0.1824 0.65)` | Spicy Purple | white, 5.4 to 1 |
| 24 | `#bb376f` | `oklch(54.70% 0.1741 358.67)` | Spicy Purple | white, 5.4 to 1 |
| 25 | `#b63e75` | `oklch(54.86% 0.1627 355.77)` | Valentino | white, 5.3 to 1 |
| 26 | `#af477c` | `oklch(55.21% 0.1484 351.25)` | Mystic Maroon | white, 5.2 to 1 |
| 27 | `#a65285` | `oklch(55.83% 0.1273 344.57)` | Purple Zergling | white, 5 to 1 |
| 28 | `#9b5e8c` | `oklch(56.67% 0.1003 336.39)` | Kyo Purple | white, 4.7 to 1 |
| 29 | `#906a8f` | `oklch(57.60% 0.0707 327.60)` | Chinese Violet | black, 4.6 to 1 |
| 30 | `#87748c` | `oklch(58.52% 0.0418 319.15)` | Vintage | black, 4.9 to 1 |
| 31 | `#827b86` | `oklch(59.30% 0.0171 311.94)` | Dark Topaz | black, 5.1 to 1 |
| 32 | `#808080` | `oklch(59.84% 0.0000 89.88)` | Grey | black, 5.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #5fc651 0.0%, #5dc350 3.2%, #57be4f 6.5%, #51b94e 9.7%, #4fb34a 12.9%, #53ac43 16.1%, #5ea436 19.4%, #6e9a24 22.6%, #7f8d10 25.8%, #8b800e 29.0%, #92741e 32.3%, #946a2c 35.5%, #956335 38.7%, #985d38 41.9%, #9f5638 45.2%, #a94e39 48.4%, #b4443d 51.6%, #bd3a46 54.8%, #c23150 58.1%, #c42d5b 61.3%, #c32c62 64.5%, #c12d67 67.7%, #be316b 71.0%, #bb376f 74.2%, #b63e75 77.4%, #af477c 80.6%, #a65285 83.9%, #9b5e8c 87.1%, #906a8f 90.3%, #87748c 93.5%, #827b86 96.8%, #808080 100.0%);
background: linear-gradient(90deg in oklch, oklch(74.02% 0.1833 141.33) 0.0%, oklch(73.04% 0.1812 141.44) 3.2%, oklch(71.71% 0.1787 142.25) 6.5%, oklch(70.12% 0.1755 142.95) 9.7%, oklch(68.39% 0.1715 142.72) 12.9%, oklch(66.61% 0.1664 140.77) 16.1%, oklch(64.89% 0.1599 136.26) 19.4%, oklch(63.17% 0.1505 128.28) 22.6%, oklch(61.23% 0.1367 116.88) 25.8%, oklch(59.21% 0.1211 103.30) 29.0%, oklch(57.28% 0.1062 88.81) 32.3%, oklch(55.59% 0.0948 74.66) 35.5%, oklch(54.30% 0.0894 62.12) 38.7%, oklch(53.56% 0.0929 51.95) 41.9%, oklch(53.34% 0.1059 42.74) 45.2%, oklch(53.48% 0.1250 34.30) 48.4%, oklch(53.84% 0.1464 26.63) 51.6%, oklch(54.27% 0.1663 19.73) 54.8%, oklch(54.62% 0.1812 13.60) 58.1%, oklch(54.75% 0.1877 8.35) 61.3%, oklch(54.75% 0.1894 4.77) 64.5%, oklch(54.71% 0.1876 2.45) 67.7%, oklch(54.67% 0.1824 0.65) 71.0%, oklch(54.70% 0.1741 358.67) 74.2%, oklch(54.86% 0.1627 355.77) 77.4%, oklch(55.21% 0.1484 351.25) 80.6%, oklch(55.83% 0.1273 344.57) 83.9%, oklch(56.67% 0.1003 336.39) 87.1%, oklch(57.60% 0.0707 327.60) 90.3%, oklch(58.52% 0.0418 319.15) 93.5%, oklch(59.30% 0.0171 311.94) 96.8%, oklch(59.84% 0.0000 89.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.74 | 0.183 | 141.3 |
| 2 | 0.646 | 0.158 | 135 |
| 3 | 0.539 | 0.09 | 57.8 |
| 4 | 0.547 | 0.186 | 10.3 |
| 5 | 0.551 | 0.152 | -7.7 |
| 6 | 0.598 | 0 | -53.1 |

## Other forms

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