# Analogous light green, olive and black linear swatches

Analogous light green, olive and black linear swatches 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.

- Seed: `kU6EFa1SbA7YcPUXDT8g`
- Page: https://grabient.com/kU6EFa1SbA7YcPUXDT8g?style=linearSwatches&steps=32&angle=225
- Drawn as: linear swatches, 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.000% 3.125%, #cdeaa9 3.125% 6.250%, #c5e4a3 6.250% 9.375%, #bdde9c 9.375% 12.500%, #b3d795 12.500% 15.625%, #a9cf8c 15.625% 18.750%, #9ec784 18.750% 21.875%, #94bf7c 21.875% 25.000%, #8ab773 25.000% 28.125%, #81ae6b 28.125% 31.250%, #79a663 31.250% 34.375%, #749f5c 34.375% 37.500%, #6f9754 37.500% 40.625%, #6b8f4c 40.625% 43.750%, #688744 43.750% 46.875%, #657f3d 46.875% 50.000%, #627636 50.000% 53.125%, #5e6e2f 53.125% 56.250%, #5b6729 56.250% 59.375%, #575f24 59.375% 62.500%, #52581f 62.500% 65.625%, #4d501a 65.625% 68.750%, #474915 68.750% 71.875%, #404211 71.875% 75.000%, #393a0d 75.000% 78.125%, #33330a 78.125% 81.250%, #2c2c07 81.250% 84.375%, #262505 84.375% 87.500%, #201f03 87.500% 90.625%, #1b1a02 90.625% 93.750%, #171602 93.750% 96.875%, #141301 96.875% 100.000%);
background: linear-gradient(225deg, oklch(91.34% 0.0896 127.27) 0.000% 3.125%, oklch(89.94% 0.0907 127.88) 3.125% 6.250%, oklch(88.15% 0.0924 128.83) 6.250% 9.375%, oklch(86.04% 0.0945 130.02) 9.375% 12.500%, oklch(83.66% 0.0969 131.33) 12.500% 15.625%, oklch(81.10% 0.0992 132.66) 15.625% 18.750%, oklch(78.41% 0.1015 133.91) 18.750% 21.875%, oklch(75.66% 0.1036 134.96) 21.875% 25.000%, oklch(72.92% 0.1051 135.72) 25.000% 28.125%, oklch(70.26% 0.1061 136.07) 28.125% 31.250%, oklch(67.73% 0.1062 135.91) 31.250% 34.375%, oklch(65.35% 0.1055 135.12) 34.375% 37.500%, oklch(62.99% 0.1041 133.71) 37.500% 40.625%, oklch(60.63% 0.1022 131.78) 40.625% 43.750%, oklch(58.27% 0.0997 129.46) 43.750% 46.875%, oklch(55.91% 0.0968 126.89) 46.875% 50.000%, oklch(53.54% 0.0936 124.19) 50.000% 53.125%, oklch(51.18% 0.0902 121.48) 53.125% 56.250%, oklch(48.82% 0.0866 118.89) 56.250% 59.375%, oklch(46.46% 0.0830 116.54) 59.375% 62.500%, oklch(44.09% 0.0795 114.57) 62.500% 65.625%, oklch(41.72% 0.0760 113.08) 65.625% 68.750%, oklch(39.19% 0.0721 111.89) 68.750% 71.875%, oklch(36.53% 0.0679 110.90) 71.875% 75.000%, oklch(33.79% 0.0633 110.09) 75.000% 78.125%, oklch(31.04% 0.0586 109.42) 78.125% 81.250%, oklch(28.35% 0.0539 108.89) 81.250% 84.375%, oklch(25.78% 0.0494 108.45) 84.375% 87.500%, oklch(23.41% 0.0452 108.09) 87.500% 90.625%, oklch(21.30% 0.0414 107.78) 90.625% 93.750%, oklch(19.51% 0.0382 107.48) 93.750% 96.875%, oklch(18.11% 0.0358 107.19) 96.875% 100.000%);
```

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