# Dark green, olive, green and beige linear gradient

Dark green, olive, green and beige linear gradient with 32 colors: #102016, #162c1d, #203d28, #2d5334, #3d6c40, #52854b, #689b51, #80ac52, #96b54c, #acb441, #bfac38, #cca03a, #d19345, #cf8952, #cc815a, #c97c5e, #ca7c5b, #cc7e4c, #cc842f, #c28f00, #af9e00, #97ad00, #77bb2c, #61c44c, #66ca5b, #80cf63, #a0d26b, #bfd579, #d7d88d, #e7dda5, #f0e1ba, #f5e6c9. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWORVvW7E8VQmtheQsu9g85I`
- Page: https://grabient.com/kWORVvW7E8VQmtheQsu9g85I?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 13.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 | `#102016` | `oklch(22.44% 0.0289 156.09)` | Nightmare | white, 16.9 to 1 |
| 2 | `#162c1d` | `oklch(26.82% 0.0384 154.02)` | Kuro Green | white, 14.9 to 1 |
| 3 | `#203d28` | `oklch(33.09% 0.0521 151.67)` | Mizukaze Green | white, 11.9 to 1 |
| 4 | `#2d5334` | `oklch(40.59% 0.0685 148.89)` | Kaitoke Green | white, 8.7 to 1 |
| 5 | `#3d6c40` | `oklch(48.62% 0.0860 145.53)` | Arcala Green | white, 6.1 to 1 |
| 6 | `#52854b` | `oklch(56.53% 0.1031 141.47)` | Beanpole | black, 4.8 to 1 |
| 7 | `#689b51` | `oklch(63.62% 0.1181 136.55)` | Flat Green | black, 6.4 to 1 |
| 8 | `#80ac52` | `oklch(69.23% 0.1297 130.63)` | Asparagus | black, 7.9 to 1 |
| 9 | `#96b54c` | `oklch(72.69% 0.1361 123.46)` | Venus Flytrap | black, 8.9 to 1 |
| 10 | `#acb441` | `oklch(74.09% 0.1369 112.99)` | Azeitona | black, 9.3 to 1 |
| 11 | `#bfac38` | `oklch(73.98% 0.1333 99.61)` | Hey Pesto | black, 9.1 to 1 |
| 12 | `#cca03a` | `oklch(72.79% 0.1270 84.84)` | Tiger Cat | black, 8.6 to 1 |
| 13 | `#d19345` | `oklch(70.98% 0.1195 70.21)` | Salt Caramel | black, 7.9 to 1 |
| 14 | `#cf8952` | `oklch(68.98% 0.1123 57.23)` | Cork Brown | black, 7.3 to 1 |
| 15 | `#cc815a` | `oklch(67.26% 0.1071 47.41)` | Apricot Brown | black, 6.8 to 1 |
| 16 | `#c97c5e` | `oklch(66.24% 0.1052 42.29)` | Terracotta Chip | black, 6.5 to 1 |
| 17 | `#ca7c5b` | `oklch(66.24% 0.1085 43.52)` | Apricot Brown | black, 6.5 to 1 |
| 18 | `#cc7e4c` | `oklch(66.63% 0.1177 52.05)` | Apricot Buff | black, 6.6 to 1 |
| 19 | `#cc842f` | `oklch(67.27% 0.1309 65.99)` | Dixie | black, 6.8 to 1 |
| 20 | `#c28f00` | `oklch(68.15% 0.1401 83.14)` | Moutarde de Bénichon | black, 7.2 to 1 |
| 21 | `#af9e00` | `oklch(69.23% 0.1446 101.36)` | Lucky | black, 7.7 to 1 |
| 22 | `#97ad00` | `oklch(70.51% 0.1648 118.43)` | Barf Green | black, 8.2 to 1 |
| 23 | `#77bb2c` | `oklch(71.97% 0.1821 132.16)` | Jubilant Meadow | black, 8.9 to 1 |
| 24 | `#61c44c` | `oklch(73.59% 0.1840 140.37)` | Conceptual | black, 9.5 to 1 |
| 25 | `#66ca5b` | `oklch(75.49% 0.1776 141.71)` | Green Flash | black, 10.2 to 1 |
| 26 | `#80cf63` | `oklch(77.91% 0.1632 137.87)` | Fairy Tale Green | black, 11 to 1 |
| 27 | `#a0d26b` | `oklch(80.67% 0.1433 130.28)` | Tropical Light | black, 11.9 to 1 |
| 28 | `#bfd579` | `oklch(83.59% 0.1201 120.32)` | Daiquiri Green | black, 13 to 1 |
| 29 | `#d7d88d` | `oklch(86.47% 0.0960 109.36)` | Golden Delicious | black, 14.1 to 1 |
| 30 | `#e7dda5` | `oklch(89.11% 0.0733 98.77)` | Green Charm | black, 15.2 to 1 |
| 31 | `#f0e1ba` | `oklch(91.32% 0.0543 89.94)` | Clover Honey | black, 16.2 to 1 |
| 32 | `#f5e6c9` | `oklch(92.91% 0.0413 84.23)` | Windham Cream | black, 17 to 1 |

## CSS

```css
background: linear-gradient(225deg, #102016 0.0%, #162c1d 3.2%, #203d28 6.5%, #2d5334 9.7%, #3d6c40 12.9%, #52854b 16.1%, #689b51 19.4%, #80ac52 22.6%, #96b54c 25.8%, #acb441 29.0%, #bfac38 32.3%, #cca03a 35.5%, #d19345 38.7%, #cf8952 41.9%, #cc815a 45.2%, #c97c5e 48.4%, #ca7c5b 51.6%, #cc7e4c 54.8%, #cc842f 58.1%, #c28f00 61.3%, #af9e00 64.5%, #97ad00 67.7%, #77bb2c 71.0%, #61c44c 74.2%, #66ca5b 77.4%, #80cf63 80.6%, #a0d26b 83.9%, #bfd579 87.1%, #d7d88d 90.3%, #e7dda5 93.5%, #f0e1ba 96.8%, #f5e6c9 100.0%);
background: linear-gradient(225deg in oklch, oklch(22.44% 0.0289 156.09) 0.0%, oklch(26.82% 0.0384 154.02) 3.2%, oklch(33.09% 0.0521 151.67) 6.5%, oklch(40.59% 0.0685 148.89) 9.7%, oklch(48.62% 0.0860 145.53) 12.9%, oklch(56.53% 0.1031 141.47) 16.1%, oklch(63.62% 0.1181 136.55) 19.4%, oklch(69.23% 0.1297 130.63) 22.6%, oklch(72.69% 0.1361 123.46) 25.8%, oklch(74.09% 0.1369 112.99) 29.0%, oklch(73.98% 0.1333 99.61) 32.3%, oklch(72.79% 0.1270 84.84) 35.5%, oklch(70.98% 0.1195 70.21) 38.7%, oklch(68.98% 0.1123 57.23) 41.9%, oklch(67.26% 0.1071 47.41) 45.2%, oklch(66.24% 0.1052 42.29) 48.4%, oklch(66.24% 0.1085 43.52) 51.6%, oklch(66.63% 0.1177 52.05) 54.8%, oklch(67.27% 0.1309 65.99) 58.1%, oklch(68.15% 0.1401 83.14) 61.3%, oklch(69.23% 0.1446 101.36) 64.5%, oklch(70.51% 0.1648 118.43) 67.7%, oklch(71.97% 0.1821 132.16) 71.0%, oklch(73.59% 0.1840 140.37) 74.2%, oklch(75.49% 0.1776 141.71) 77.4%, oklch(77.91% 0.1632 137.87) 80.6%, oklch(80.67% 0.1433 130.28) 83.9%, oklch(83.59% 0.1201 120.32) 87.1%, oklch(86.47% 0.0960 109.36) 90.3%, oklch(89.11% 0.0733 98.77) 93.5%, oklch(91.32% 0.0543 89.94) 96.8%, oklch(92.91% 0.0413 84.23) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.224 | 0.029 | 156.1 |
| 2 | 0.72 | 0.135 | 125.4 |
| 3 | 0.661 | 0.106 | 42 |
| 4 | 0.74 | 0.183 | 141.3 |
| 5 | 0.929 | 0.041 | 84.2 |

## Other forms

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