# Green, yellow, purple and navy linear gradient

Green, yellow, purple and navy linear gradient with 32 colors: #abd580, #b1d67d, #b9d978, #c3db72, #ccdb6b, #d3da62, #d8d657, #ddd24b, #e0cc40, #e2c537, #e1be34, #ddb634, #d9ad36, #d5a23a, #d29642, #cc894f, #c37e5c, #b77365, #ac696a, #a25d6f, #985276, #8a487e, #7a4081, #6c387d, #603173, #542967, #49245d, #3d2155, #2f214d, #222143, #1a2039, #161f31. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kc0Vdc7TM-Gk4Pfdrz3TJ-5LssOMpI75no26g`
- Page: https://grabient.com/kc0Vdc7TM-Gk4Pfdrz3TJ-5LssOMpI75no26g?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light to dark, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 10.9 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 | `#abd580` | `oklch(82.28% 0.1199 130.08)` | Wasabi | black, 12.5 to 1 |
| 2 | `#b1d67d` | `oklch(82.98% 0.1233 127.59)` | Wasabi | black, 12.8 to 1 |
| 3 | `#b9d978` | `oklch(84.02% 0.1282 124.05)` | Rebounder | black, 13.2 to 1 |
| 4 | `#c3db72` | `oklch(85.05% 0.1337 119.98)` | Cool as a Cucumber | black, 13.6 to 1 |
| 5 | `#ccdb6b` | `oklch(85.73% 0.1387 115.87)` | Dry Seedlings | black, 13.9 to 1 |
| 6 | `#d3da62` | `oklch(85.79% 0.1429 112.10)` | Chinese Green | black, 13.9 to 1 |
| 7 | `#d8d657` | `oklch(85.44% 0.1475 108.35)` | Matcha | black, 13.7 to 1 |
| 8 | `#ddd24b` | `oklch(84.76% 0.1516 104.54)` | Viameter | black, 13.3 to 1 |
| 9 | `#e0cc40` | `oklch(83.76% 0.1542 100.67)` | Confetti | black, 12.8 to 1 |
| 10 | `#e2c537` | `oklch(82.48% 0.1541 96.77)` | Mimosa Yellow | black, 12.2 to 1 |
| 11 | `#e1be34` | `oklch(80.87% 0.1511 93.72)` | Durian Yellow | black, 11.5 to 1 |
| 12 | `#ddb634` | `oklch(78.94% 0.1459 91.06)` | Woven Gold | black, 10.8 to 1 |
| 13 | `#d9ad36` | `oklch(76.74% 0.1392 87.46)` | Yarrow | black, 9.9 to 1 |
| 14 | `#d5a23a` | `oklch(74.34% 0.1317 81.62)` | Curry | black, 9.1 to 1 |
| 15 | `#d29642` | `oklch(71.71% 0.1228 72.40)` | Bugle Call | black, 8.2 to 1 |
| 16 | `#cc894f` | `oklch(68.77% 0.1108 60.25)` | Coral Sand | black, 7.2 to 1 |
| 17 | `#c37e5c` | `oklch(65.65% 0.0986 46.40)` | Brown Clay | black, 6.4 to 1 |
| 18 | `#b77365` | `oklch(62.46% 0.0895 32.10)` | Rojo Dust | black, 5.6 to 1 |
| 19 | `#ac696a` | `oklch(59.36% 0.0870 18.40)` | Spanish Rose Shadow | black, 4.9 to 1 |
| 20 | `#a25d6f` | `oklch(56.28% 0.0929 3.61)` | Shine Baby Shine | white, 4.8 to 1 |
| 21 | `#985276` | `oklch(53.17% 0.1037 348.33)` | Sea Fan Fuchsia | white, 5.5 to 1 |
| 22 | `#8a487e` | `oklch(50.05% 0.1146 334.30)` | Visiona Red | white, 6.3 to 1 |
| 23 | `#7a4081` | `oklch(46.91% 0.1210 323.28)` | Nightly Violet | white, 7.3 to 1 |
| 24 | `#6c387d` | `oklch(43.65% 0.1209 317.10)` | Comtesse | white, 8.3 to 1 |
| 25 | `#603173` | `oklch(40.24% 0.1174 315.05)` | Lounge Violet | white, 9.6 to 1 |
| 26 | `#542967` | `oklch(36.89% 0.1112 314.36)` | Elegant Purple Gown | white, 11 to 1 |
| 27 | `#49245d` | `oklch(33.83% 0.1031 312.27)` | Wonka Purple | white, 12.4 to 1 |
| 28 | `#3d2155` | `oklch(31.22% 0.0932 306.08)` | Obsidian Orchid | white, 13.5 to 1 |
| 29 | `#2f214d` | `oklch(28.89% 0.0789 295.54)` | Elderberry | white, 14.5 to 1 |
| 30 | `#222143` | `oklch(26.86% 0.0625 283.20)` | Black Market | white, 15.3 to 1 |
| 31 | `#1a2039` | `oklch(25.21% 0.0475 271.77)` | Kon | white, 15.9 to 1 |
| 32 | `#161f31` | `oklch(24.02% 0.0372 263.93)` | Hēi Sè Black | white, 16.4 to 1 |

## CSS

```css
background: linear-gradient(45deg, #abd580 0.0%, #b1d67d 3.2%, #b9d978 6.5%, #c3db72 9.7%, #ccdb6b 12.9%, #d3da62 16.1%, #d8d657 19.4%, #ddd24b 22.6%, #e0cc40 25.8%, #e2c537 29.0%, #e1be34 32.3%, #ddb634 35.5%, #d9ad36 38.7%, #d5a23a 41.9%, #d29642 45.2%, #cc894f 48.4%, #c37e5c 51.6%, #b77365 54.8%, #ac696a 58.1%, #a25d6f 61.3%, #985276 64.5%, #8a487e 67.7%, #7a4081 71.0%, #6c387d 74.2%, #603173 77.4%, #542967 80.6%, #49245d 83.9%, #3d2155 87.1%, #2f214d 90.3%, #222143 93.5%, #1a2039 96.8%, #161f31 100.0%);
background: linear-gradient(45deg in oklch, oklch(82.28% 0.1199 130.08) 0.0%, oklch(82.98% 0.1233 127.59) 3.2%, oklch(84.02% 0.1282 124.05) 6.5%, oklch(85.05% 0.1337 119.98) 9.7%, oklch(85.73% 0.1387 115.87) 12.9%, oklch(85.79% 0.1429 112.10) 16.1%, oklch(85.44% 0.1475 108.35) 19.4%, oklch(84.76% 0.1516 104.54) 22.6%, oklch(83.76% 0.1542 100.67) 25.8%, oklch(82.48% 0.1541 96.77) 29.0%, oklch(80.87% 0.1511 93.72) 32.3%, oklch(78.94% 0.1459 91.06) 35.5%, oklch(76.74% 0.1392 87.46) 38.7%, oklch(74.34% 0.1317 81.62) 41.9%, oklch(71.71% 0.1228 72.40) 45.2%, oklch(68.77% 0.1108 60.25) 48.4%, oklch(65.65% 0.0986 46.40) 51.6%, oklch(62.46% 0.0895 32.10) 54.8%, oklch(59.36% 0.0870 18.40) 58.1%, oklch(56.28% 0.0929 3.61) 61.3%, oklch(53.17% 0.1037 348.33) 64.5%, oklch(50.05% 0.1146 334.30) 67.7%, oklch(46.91% 0.1210 323.28) 71.0%, oklch(43.65% 0.1209 317.10) 74.2%, oklch(40.24% 0.1174 315.05) 77.4%, oklch(36.89% 0.1112 314.36) 80.6%, oklch(33.83% 0.1031 312.27) 83.9%, oklch(31.22% 0.0932 306.08) 87.1%, oklch(28.89% 0.0789 295.54) 90.3%, oklch(26.86% 0.0625 283.20) 93.5%, oklch(25.21% 0.0475 271.77) 96.8%, oklch(24.02% 0.0372 263.93) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.823 | 0.12 | 130.1 |
| 2 | 0.858 | 0.141 | 114.2 |
| 3 | 0.827 | 0.154 | 97.3 |
| 4 | 0.736 | 0.13 | 79.4 |
| 5 | 0.602 | 0.087 | 22.3 |
| 6 | 0.465 | 0.121 | -37.9 |
| 7 | 0.323 | 0.098 | -50.6 |
| 8 | 0.24 | 0.037 | -96.1 |

## In these collections

- [Green multicolor gradients](https://grabient.com/green-multicolor-gradients)

## Other forms

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