# Olive Shadow Field

Analogous light green, olive and black linear gradient with 32 colors: #d2eeae, #cdeaa9, #c5e4a3, #bdde9c, #b3d795, #a9cf8c, #9ec784, #94bf7c, #8ab773, #81ae6b, #79a663, #749f5c, #6f9754, #6b8f4c, #688744, #657f3d, #627636, #5e6e2f, #5b6729, #575f24, #52581f, #4d501a, #474915, #404211, #393a0d, #33330a, #2c2c07, #262505, #201f03, #1b1a02, #171602, #141301. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous light green, olive and black linear gradient
- Seed: `kU6EFa1SbA7YcPUXDT8g`
- Page: https://grabient.com/kU6EFa1SbA7YcPUXDT8g?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: light to dark
- Hues: analogous
- Contrast of its darkest and lightest colors: 14.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 | `#d2eeae` | `oklch(91.34% 0.0896 127.27)` | Faith | black, 16.6 to 1 |
| 2 | `#cdeaa9` | `oklch(89.94% 0.0907 127.88)` | Crystal Apple | black, 15.9 to 1 |
| 3 | `#c5e4a3` | `oklch(88.15% 0.0924 128.83)` | Field Day | black, 15 to 1 |
| 4 | `#bdde9c` | `oklch(86.04% 0.0945 130.02)` | Basil Smash | black, 14 to 1 |
| 5 | `#b3d795` | `oklch(83.66% 0.0969 131.33)` | Witty Green | black, 13 to 1 |
| 6 | `#a9cf8c` | `oklch(81.10% 0.0992 132.66)` | Pistachio Dream | black, 12 to 1 |
| 7 | `#9ec784` | `oklch(78.41% 0.1015 133.91)` | Frenzy Plant | black, 10.9 to 1 |
| 8 | `#94bf7c` | `oklch(75.66% 0.1036 134.96)` | Sago Garden | black, 9.9 to 1 |
| 9 | `#8ab773` | `oklch(72.92% 0.1051 135.72)` | Uran Mica | black, 9 to 1 |
| 10 | `#81ae6b` | `oklch(70.26% 0.1061 136.07)` | Organic Green | black, 8.2 to 1 |
| 11 | `#79a663` | `oklch(67.73% 0.1062 135.91)` | Dull Green | black, 7.4 to 1 |
| 12 | `#749f5c` | `oklch(65.35% 0.1055 135.12)` | Frankenstein | black, 6.8 to 1 |
| 13 | `#6f9754` | `oklch(62.99% 0.1041 133.71)` | Drab Green | black, 6.2 to 1 |
| 14 | `#6b8f4c` | `oklch(60.63% 0.1022 131.78)` | Athonian Camoshade | black, 5.6 to 1 |
| 15 | `#688744` | `oklch(58.27% 0.0997 129.46)` | Homegrown | black, 5.1 to 1 |
| 16 | `#657f3d` | `oklch(55.91% 0.0968 126.89)` | Military Green | black, 4.6 to 1 |
| 17 | `#627636` | `oklch(53.54% 0.0936 124.19)` | Majestic Jungle | white, 5 to 1 |
| 18 | `#5e6e2f` | `oklch(51.18% 0.0902 121.48)` | Russian Uniform | white, 5.5 to 1 |
| 19 | `#5b6729` | `oklch(48.82% 0.0866 118.89)` | Deathworld Forest | white, 6.1 to 1 |
| 20 | `#575f24` | `oklch(46.46% 0.0830 116.54)` | Basil Green | white, 6.8 to 1 |
| 21 | `#52581f` | `oklch(44.09% 0.0795 114.57)` | Soldier Green | white, 7.6 to 1 |
| 22 | `#4d501a` | `oklch(41.72% 0.0760 113.08)` | Army Green | white, 8.4 to 1 |
| 23 | `#474915` | `oklch(39.19% 0.0721 111.89)` | Alligator Gladiator | white, 9.4 to 1 |
| 24 | `#404211` | `oklch(36.53% 0.0679 110.90)` | Alligator Gladiator | white, 10.5 to 1 |
| 25 | `#393a0d` | `oklch(33.79% 0.0633 110.09)` | Camouflage | white, 11.7 to 1 |
| 26 | `#33330a` | `oklch(31.04% 0.0586 109.42)` | Olivenite | white, 13 to 1 |
| 27 | `#2c2c07` | `oklch(28.35% 0.0539 108.89)` | Secret Passage | white, 14.3 to 1 |
| 28 | `#262505` | `oklch(25.78% 0.0494 108.45)` | Liquorice Root | white, 15.5 to 1 |
| 29 | `#201f03` | `oklch(23.41% 0.0452 108.09)` | Liquorice Root | white, 16.6 to 1 |
| 30 | `#1b1a02` | `oklch(21.30% 0.0414 107.78)` | Noir Mystique | white, 17.5 to 1 |
| 31 | `#171602` | `oklch(19.51% 0.0382 107.48)` | Pinch of Pepper | white, 18.2 to 1 |
| 32 | `#141301` | `oklch(18.11% 0.0358 107.19)` | Chinese Black | white, 18.7 to 1 |

## CSS

```css
background: linear-gradient(225deg, #d2eeae 0.0%, #cdeaa9 3.2%, #c5e4a3 6.5%, #bdde9c 9.7%, #b3d795 12.9%, #a9cf8c 16.1%, #9ec784 19.4%, #94bf7c 22.6%, #8ab773 25.8%, #81ae6b 29.0%, #79a663 32.3%, #749f5c 35.5%, #6f9754 38.7%, #6b8f4c 41.9%, #688744 45.2%, #657f3d 48.4%, #627636 51.6%, #5e6e2f 54.8%, #5b6729 58.1%, #575f24 61.3%, #52581f 64.5%, #4d501a 67.7%, #474915 71.0%, #404211 74.2%, #393a0d 77.4%, #33330a 80.6%, #2c2c07 83.9%, #262505 87.1%, #201f03 90.3%, #1b1a02 93.5%, #171602 96.8%, #141301 100.0%);
background: linear-gradient(225deg in oklch, oklch(91.34% 0.0896 127.27) 0.0%, oklch(89.94% 0.0907 127.88) 3.2%, oklch(88.15% 0.0924 128.83) 6.5%, oklch(86.04% 0.0945 130.02) 9.7%, oklch(83.66% 0.0969 131.33) 12.9%, oklch(81.10% 0.0992 132.66) 16.1%, oklch(78.41% 0.1015 133.91) 19.4%, oklch(75.66% 0.1036 134.96) 22.6%, oklch(72.92% 0.1051 135.72) 25.8%, oklch(70.26% 0.1061 136.07) 29.0%, oklch(67.73% 0.1062 135.91) 32.3%, oklch(65.35% 0.1055 135.12) 35.5%, oklch(62.99% 0.1041 133.71) 38.7%, oklch(60.63% 0.1022 131.78) 41.9%, oklch(58.27% 0.0997 129.46) 45.2%, oklch(55.91% 0.0968 126.89) 48.4%, oklch(53.54% 0.0936 124.19) 51.6%, oklch(51.18% 0.0902 121.48) 54.8%, oklch(48.82% 0.0866 118.89) 58.1%, oklch(46.46% 0.0830 116.54) 61.3%, oklch(44.09% 0.0795 114.57) 64.5%, oklch(41.72% 0.0760 113.08) 67.7%, oklch(39.19% 0.0721 111.89) 71.0%, oklch(36.53% 0.0679 110.90) 74.2%, oklch(33.79% 0.0633 110.09) 77.4%, oklch(31.04% 0.0586 109.42) 80.6%, oklch(28.35% 0.0539 108.89) 83.9%, oklch(25.78% 0.0494 108.45) 87.1%, oklch(23.41% 0.0452 108.09) 90.3%, oklch(21.30% 0.0414 107.78) 93.5%, oklch(19.51% 0.0382 107.48) 96.8%, oklch(18.11% 0.0358 107.19) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.913 | 0.09 | 127.3 |
| 2 | 0.669 | 0.106 | 135.7 |
| 3 | 0.425 | 0.077 | 113.5 |
| 4 | 0.181 | 0.036 | 107.2 |

## In these collections

- [Muted gradients](https://grabient.com/muted-gradients)

## Other forms

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