# Dark green, gray, brown and teal linear gradient

Dark green, gray, brown and teal linear gradient with 40 colors: #004733, #1f533c, #3d654b, #5d7a60, #80937a, #a2ad98, #c2c7b7, #dedfd5, #f2f2ed, #fdfdfc, #fefefe, #f4f4f3, #e2e0dd, #cac5c0, #b0a69e, #94867b, #7a665a, #624a3e, #4f3227, #412217, #3b180e, #38130a, #391009, #3d110a, #43130d, #4c1812, #551e16, #5f251a, #692d1c, #71351c, #783d19, #7f4914, #845813, #856a1b, #837c2d, #7d8e45, #759e5f, #6dac78, #67b78d, #63be9e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWWjZ2fwA26KUOc0IkCXaTOo`
- Page: https://grabient.com/kWWjZ2fwA26KUOc0IkCXaTOo?steps=40&angle=45
- Drawn as: linear gradient, 40 steps, 45 degrees
- Kinds: dark center
- Hues: two-hue
- Contrast of its darkest and lightest colors: 16.6 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 | `#004733` | `oklch(35.44% 0.0736 165.89)` | UP Forest Green | white, 10.7 to 1 |
| 2 | `#1f533c` | `oklch(40.04% 0.0692 161.16)` | Kaitoke Green | white, 8.8 to 1 |
| 3 | `#3d654b` | `oklch(46.79% 0.0618 154.85)` | Serbian Green | white, 6.6 to 1 |
| 4 | `#5d7a60` | `oklch(55.04% 0.0528 147.34)` | Swanndri | white, 4.7 to 1 |
| 5 | `#80937a` | `oklch(64.13% 0.0428 138.94)` | Catalina Green | black, 6.3 to 1 |
| 6 | `#a2ad98` | `oklch(73.42% 0.0325 129.99)` | Garden | black, 9 to 1 |
| 7 | `#c2c7b7` | `oklch(82.23% 0.0226 120.81)` | Spring Grey | black, 12.1 to 1 |
| 8 | `#dedfd5` | `oklch(89.93% 0.0137 111.72)` | Salt Cellar | black, 15.5 to 1 |
| 9 | `#f2f2ed` | `oklch(95.86% 0.0065 103.04)` | White Cloud | black, 18.6 to 1 |
| 10 | `#fdfdfc` | `oklch(99.36% 0.0017 95.12)` | Emptiness | black, 20.6 to 1 |
| 11 | `#fefefe` | `oklch(99.78% 0.0000 89.88)` | White as Heaven | black, 20.8 to 1 |
| 12 | `#f4f4f3` | `oklch(96.74% 0.0009 81.62)` | Lighthouse | black, 19.1 to 1 |
| 13 | `#e2e0dd` | `oklch(90.80% 0.0042 75.07)` | Ghosted | black, 15.9 to 1 |
| 14 | `#cac5c0` | `oklch(82.69% 0.0094 68.68)` | In the Shadows | black, 12.2 to 1 |
| 15 | `#b0a69e` | `oklch(73.14% 0.0159 62.54)` | Ashen Grey | black, 8.7 to 1 |
| 16 | `#94867b` | `oklch(62.87% 0.0234 56.76)` | Film Fest | black, 5.9 to 1 |
| 17 | `#7a665a` | `oklch(52.60% 0.0312 51.45)` | Braid | white, 5.4 to 1 |
| 18 | `#624a3e` | `oklch(43.06% 0.0390 46.71)` | Choco Death | white, 8.2 to 1 |
| 19 | `#4f3227` | `oklch(34.98% 0.0463 42.65)` | Barn Swallow | white, 11.5 to 1 |
| 20 | `#412217` | `oklch(29.07% 0.0525 39.38)` | Longan’s Kernel | white, 14.3 to 1 |
| 21 | `#3b180e` | `oklch(25.85% 0.0575 36.88)` | Dark Sienna | white, 15.8 to 1 |
| 22 | `#38130a` | `oklch(24.33% 0.0623 34.54)` | Red Bean | white, 16.6 to 1 |
| 23 | `#391009` | `oklch(24.10% 0.0670 32.46)` | Red Bean | white, 16.7 to 1 |
| 24 | `#3d110a` | `oklch(24.94% 0.0715 30.83)` | Red Bean | white, 16.3 to 1 |
| 25 | `#43130d` | `oklch(26.65% 0.0758 29.84)` | English Breakfast | white, 15.6 to 1 |
| 26 | `#4c1812` | `oklch(28.99% 0.0800 29.71)` | Hull Red | white, 14.5 to 1 |
| 27 | `#551e16` | `oklch(31.74% 0.0838 30.63)` | Peaty Brown | white, 13.2 to 1 |
| 28 | `#5f251a` | `oklch(34.70% 0.0873 32.81)` | Chestnut Leather | white, 11.8 to 1 |
| 29 | `#692d1c` | `oklch(37.64% 0.0904 36.45)` | Hereford Cow Brown | white, 10.5 to 1 |
| 30 | `#71351c` | `oklch(40.33% 0.0931 41.75)` | Rosewood Brown | white, 9.4 to 1 |
| 31 | `#783d19` | `oklch(42.93% 0.0953 49.37)` | Walnut | white, 8.4 to 1 |
| 32 | `#7f4914` | `oklch(46.10% 0.0969 60.17)` | Dried Mustard | white, 7.3 to 1 |
| 33 | `#845813` | `oklch(49.72% 0.0981 73.41)` | Grizzly | white, 6.1 to 1 |
| 34 | `#856a1b` | `oklch(53.62% 0.0990 88.29)` | Yukon Gold | white, 5.1 to 1 |
| 35 | `#837c2d` | `oklch(57.64% 0.0995 104.04)` | Verdant | black, 4.8 to 1 |
| 36 | `#7d8e45` | `oklch(61.61% 0.0998 119.86)` | Komatsuna Green | black, 5.8 to 1 |
| 37 | `#759e5f` | `oklch(65.36% 0.1000 134.96)` | Leek Soup | black, 6.8 to 1 |
| 38 | `#6dac78` | `oklch(68.72% 0.1002 148.56)` | Light Grass Green | black, 7.8 to 1 |
| 39 | `#67b78d` | `oklch(71.53% 0.1003 159.85)` | Crazy Eyes | black, 8.6 to 1 |
| 40 | `#63be9e` | `oklch(73.62% 0.1006 168.05)` | Peppermint Fresh | black, 9.3 to 1 |

## CSS

```css
background: linear-gradient(45deg, #004733 0.0%, #1f533c 2.6%, #3d654b 5.1%, #5d7a60 7.7%, #80937a 10.3%, #a2ad98 12.8%, #c2c7b7 15.4%, #dedfd5 17.9%, #f2f2ed 20.5%, #fdfdfc 23.1%, #fefefe 25.6%, #f4f4f3 28.2%, #e2e0dd 30.8%, #cac5c0 33.3%, #b0a69e 35.9%, #94867b 38.5%, #7a665a 41.0%, #624a3e 43.6%, #4f3227 46.2%, #412217 48.7%, #3b180e 51.3%, #38130a 53.8%, #391009 56.4%, #3d110a 59.0%, #43130d 61.5%, #4c1812 64.1%, #551e16 66.7%, #5f251a 69.2%, #692d1c 71.8%, #71351c 74.4%, #783d19 76.9%, #7f4914 79.5%, #845813 82.1%, #856a1b 84.6%, #837c2d 87.2%, #7d8e45 89.7%, #759e5f 92.3%, #6dac78 94.9%, #67b78d 97.4%, #63be9e 100.0%);
background: linear-gradient(45deg in oklch, oklch(35.44% 0.0736 165.89) 0.0%, oklch(40.04% 0.0692 161.16) 2.6%, oklch(46.79% 0.0618 154.85) 5.1%, oklch(55.04% 0.0528 147.34) 7.7%, oklch(64.13% 0.0428 138.94) 10.3%, oklch(73.42% 0.0325 129.99) 12.8%, oklch(82.23% 0.0226 120.81) 15.4%, oklch(89.93% 0.0137 111.72) 17.9%, oklch(95.86% 0.0065 103.04) 20.5%, oklch(99.36% 0.0017 95.12) 23.1%, oklch(99.78% 0.0000 89.88) 25.6%, oklch(96.74% 0.0009 81.62) 28.2%, oklch(90.80% 0.0042 75.07) 30.8%, oklch(82.69% 0.0094 68.68) 33.3%, oklch(73.14% 0.0159 62.54) 35.9%, oklch(62.87% 0.0234 56.76) 38.5%, oklch(52.60% 0.0312 51.45) 41.0%, oklch(43.06% 0.0390 46.71) 43.6%, oklch(34.98% 0.0463 42.65) 46.2%, oklch(29.07% 0.0525 39.38) 48.7%, oklch(25.85% 0.0575 36.88) 51.3%, oklch(24.33% 0.0623 34.54) 53.8%, oklch(24.10% 0.0670 32.46) 56.4%, oklch(24.94% 0.0715 30.83) 59.0%, oklch(26.65% 0.0758 29.84) 61.5%, oklch(28.99% 0.0800 29.71) 64.1%, oklch(31.74% 0.0838 30.63) 66.7%, oklch(34.70% 0.0873 32.81) 69.2%, oklch(37.64% 0.0904 36.45) 71.8%, oklch(40.33% 0.0931 41.75) 74.4%, oklch(42.93% 0.0953 49.37) 76.9%, oklch(46.10% 0.0969 60.17) 79.5%, oklch(49.72% 0.0981 73.41) 82.1%, oklch(53.62% 0.0990 88.29) 84.6%, oklch(57.64% 0.0995 104.04) 87.2%, oklch(61.61% 0.0998 119.86) 89.7%, oklch(65.36% 0.1000 134.96) 92.3%, oklch(68.72% 0.1002 148.56) 94.9%, oklch(71.53% 0.1003 159.85) 97.4%, oklch(73.62% 0.1006 168.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.354 | 0.074 | 165.9 |
| 2 | 1 | 0 | 89.9 |
| 3 | 0.272 | 0.055 | 38.1 |
| 4 | 0.409 | 0.094 | 43.4 |
| 5 | 0.736 | 0.101 | 168.1 |

## Other forms

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