# Dark green, olive and light blue linear gradient

Dark green, olive and light blue linear gradient with 32 colors: #314419, #35481b, #3b4d1c, #43541e, #4c5b20, #566223, #5f6a26, #68722b, #707931, #788138, #7f8840, #869049, #8d9852, #93a05c, #99a866, #9eaf70, #a3b67b, #a8bc86, #aec391, #b4c89d, #bacea8, #bfd3b3, #c3d7be, #c6dbc7, #c8dfd0, #cae2d8, #cbe3e0, #cde4e6, #d1e5eb, #d4e5ef, #d8e4f1, #dbe4f2. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWWzNcRaM-V2fQLvDMMdIfM4`
- Page: https://grabient.com/kWWzNcRaM-V2fQLvDMMdIfM4?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: dark to light, pastel
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 8.3 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 | `#314419` | `oklch(35.83% 0.0703 129.37)` | Forestry | white, 10.7 to 1 |
| 2 | `#35481b` | `oklch(37.34% 0.0726 128.13)` | Treetop Cathedral | white, 10 to 1 |
| 3 | `#3b4d1c` | `oklch(39.36% 0.0761 126.31)` | No Emissions Green | white, 9.2 to 1 |
| 4 | `#43541e` | `oklch(41.77% 0.0802 124.13)` | Verdun Green | white, 8.3 to 1 |
| 5 | `#4c5b20` | `oklch(44.44% 0.0846 121.82)` | Obscure Olive | white, 7.4 to 1 |
| 6 | `#566223` | `oklch(47.25% 0.0889 119.59)` | Tabbouleh Green | white, 6.6 to 1 |
| 7 | `#5f6a26` | `oklch(50.08% 0.0925 117.65)` | Heavy Khaki | white, 5.8 to 1 |
| 8 | `#68722b` | `oklch(52.82% 0.0953 116.23)` | Forest Spirit | white, 5.2 to 1 |
| 9 | `#707931` | `oklch(55.34% 0.0967 115.53)` | Ripe Green | white, 4.6 to 1 |
| 10 | `#788138` | `oklch(57.83% 0.0972 115.30)` | Laird | black, 4.9 to 1 |
| 11 | `#7f8840` | `oklch(60.36% 0.0972 115.41)` | Sea Turtle | black, 5.5 to 1 |
| 12 | `#869049` | `oklch(62.91% 0.0965 115.85)` | Vintage Vibe | black, 6.1 to 1 |
| 13 | `#8d9852` | `oklch(65.44% 0.0952 116.63)` | Totally Broccoli | black, 6.7 to 1 |
| 14 | `#93a05c` | `oklch(67.90% 0.0933 117.74)` | Zesty Apple | black, 7.4 to 1 |
| 15 | `#99a866` | `oklch(70.29% 0.0906 119.18)` | Whirled Peas | black, 8.1 to 1 |
| 16 | `#9eaf70` | `oklch(72.55% 0.0873 120.96)` | Matcha Mecha | black, 8.8 to 1 |
| 17 | `#a3b67b` | `oklch(74.67% 0.0832 122.95)` | Serpentine | black, 9.5 to 1 |
| 18 | `#a8bc86` | `oklch(76.75% 0.0775 124.57)` | Margarita | black, 10.2 to 1 |
| 19 | `#aec391` | `oklch(78.78% 0.0706 126.07)` | Harmonious | black, 10.9 to 1 |
| 20 | `#b4c89d` | `oklch(80.72% 0.0630 127.88)` | Wasabi Peanut | black, 11.7 to 1 |
| 21 | `#bacea8` | `oklch(82.55% 0.0552 130.39)` | Pixie Green | black, 12.4 to 1 |
| 22 | `#bfd3b3` | `oklch(84.24% 0.0477 134.02)` | Nature | black, 13.1 to 1 |
| 23 | `#c3d7be` | `oklch(85.77% 0.0410 139.18)` | Surf Crest | black, 13.8 to 1 |
| 24 | `#c6dbc7` | `oklch(87.10% 0.0356 146.27)` | Misty Afternoon | black, 14.3 to 1 |
| 25 | `#c8dfd0` | `oklch(88.21% 0.0316 156.20)` | Ruins of Civilization | black, 14.9 to 1 |
| 26 | `#cae2d8` | `oklch(89.10% 0.0285 169.73)` | Moody Mist | black, 15.3 to 1 |
| 27 | `#cbe3e0` | `oklch(89.81% 0.0263 185.69)` | Big Sky | black, 15.6 to 1 |
| 28 | `#cde4e6` | `oklch(90.37% 0.0246 202.83)` | Wave Splash | black, 15.8 to 1 |
| 29 | `#d1e5eb` | `oklch(90.80% 0.0233 219.91)` | Ocean Breeze | black, 16 to 1 |
| 30 | `#d4e5ef` | `oklch(91.16% 0.0223 235.68)` | Pattens Blue | black, 16.2 to 1 |
| 31 | `#d8e4f1` | `oklch(91.45% 0.0215 248.89)` | Snowdrift Glow | black, 16.3 to 1 |
| 32 | `#dbe4f2` | `oklch(91.73% 0.0207 258.30)` | Iceberg | black, 16.4 to 1 |

## CSS

```css
background: linear-gradient(225deg, #314419 0.0%, #35481b 3.2%, #3b4d1c 6.5%, #43541e 9.7%, #4c5b20 12.9%, #566223 16.1%, #5f6a26 19.4%, #68722b 22.6%, #707931 25.8%, #788138 29.0%, #7f8840 32.3%, #869049 35.5%, #8d9852 38.7%, #93a05c 41.9%, #99a866 45.2%, #9eaf70 48.4%, #a3b67b 51.6%, #a8bc86 54.8%, #aec391 58.1%, #b4c89d 61.3%, #bacea8 64.5%, #bfd3b3 67.7%, #c3d7be 71.0%, #c6dbc7 74.2%, #c8dfd0 77.4%, #cae2d8 80.6%, #cbe3e0 83.9%, #cde4e6 87.1%, #d1e5eb 90.3%, #d4e5ef 93.5%, #d8e4f1 96.8%, #dbe4f2 100.0%);
background: linear-gradient(225deg in oklch, oklch(35.83% 0.0703 129.37) 0.0%, oklch(37.34% 0.0726 128.13) 3.2%, oklch(39.36% 0.0761 126.31) 6.5%, oklch(41.77% 0.0802 124.13) 9.7%, oklch(44.44% 0.0846 121.82) 12.9%, oklch(47.25% 0.0889 119.59) 16.1%, oklch(50.08% 0.0925 117.65) 19.4%, oklch(52.82% 0.0953 116.23) 22.6%, oklch(55.34% 0.0967 115.53) 25.8%, oklch(57.83% 0.0972 115.30) 29.0%, oklch(60.36% 0.0972 115.41) 32.3%, oklch(62.91% 0.0965 115.85) 35.5%, oklch(65.44% 0.0952 116.63) 38.7%, oklch(67.90% 0.0933 117.74) 41.9%, oklch(70.29% 0.0906 119.18) 45.2%, oklch(72.55% 0.0873 120.96) 48.4%, oklch(74.67% 0.0832 122.95) 51.6%, oklch(76.75% 0.0775 124.57) 54.8%, oklch(78.78% 0.0706 126.07) 58.1%, oklch(80.72% 0.0630 127.88) 61.3%, oklch(82.55% 0.0552 130.39) 64.5%, oklch(84.24% 0.0477 134.02) 67.7%, oklch(85.77% 0.0410 139.18) 71.0%, oklch(87.10% 0.0356 146.27) 74.2%, oklch(88.21% 0.0316 156.20) 77.4%, oklch(89.10% 0.0285 169.73) 80.6%, oklch(89.81% 0.0263 185.69) 83.9%, oklch(90.37% 0.0246 202.83) 87.1%, oklch(90.80% 0.0233 219.91) 90.3%, oklch(91.16% 0.0223 235.68) 93.5%, oklch(91.45% 0.0215 248.89) 96.8%, oklch(91.73% 0.0207 258.30) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.358 | 0.07 | 129.4 |
| 2 | 0.547 | 0.096 | 115.6 |
| 3 | 0.736 | 0.085 | 122 |
| 4 | 0.874 | 0.034 | 148.4 |
| 5 | 0.917 | 0.021 | 258.3 |

## In these collections

- [Blue and green gradients](https://grabient.com/blue-and-green-gradients)

## Other forms

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