# Dark green, teal, brown and gray linear gradient

Dark green, teal, brown and gray linear gradient with 64 colors: #015429, #065428, #0d5527, #145626, #1a5725, #215923, #265a21, #2c5b1e, #315c1c, #365e1a, #3b5f19, #3f6118, #426218, #446419, #45661c, #46681f, #456b24, #416e2b, #3b7134, #32753f, #257a4a, #0e7e57, #008065, #008272, #00847d, #008687, #008890, #008999, #0089a0, #008aa4, #008aa7, #0789a5, #0789a1, #038799, #03858e, #10817f, #217c6f, #30765e, #3d6e4e, #48663f, #4f5d34, #54552d, #564d2a, #564729, #55412a, #533e2c, #523c2e, #513b30, #523c32, #543e34, #574137, #5b4539, #60493c, #664f3e, #6b5541, #715c44, #766448, #7b6b4b, #7f734f, #827b54, #848258, #86885d, #878d61, #889165. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWY0lsvSe9kolygvjSu0RdIQ`
- Page: https://grabient.com/kWY0lsvSe9kolygvjSu0RdIQ?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 3.1 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 | `#015429` | `oklch(38.98% 0.1006 152.58)` | Lemon Balm Green | white, 9.1 to 1 |
| 2 | `#065428` | `oklch(39.30% 0.1009 151.66)` | Lemon Balm Green | white, 9 to 1 |
| 3 | `#0d5527` | `oklch(39.68% 0.1013 150.26)` | Caliban Green | white, 8.9 to 1 |
| 4 | `#145626` | `oklch(40.12% 0.1019 148.45)` | Caliban Green | white, 8.7 to 1 |
| 5 | `#1a5725` | `oklch(40.61% 0.1024 146.36)` | Caliban Green | white, 8.5 to 1 |
| 6 | `#215923` | `oklch(41.14% 0.1031 144.05)` | Sombre Green | white, 8.3 to 1 |
| 7 | `#265a21` | `oklch(41.71% 0.1038 141.65)` | Bright Nori | white, 8.2 to 1 |
| 8 | `#2c5b1e` | `oklch(42.32% 0.1045 139.23)` | Bright Nori | white, 8 to 1 |
| 9 | `#315c1c` | `oklch(42.94% 0.1052 136.91)` | Bright Nori | white, 7.8 to 1 |
| 10 | `#365e1a` | `oklch(43.59% 0.1058 134.76)` | Bright Nori | white, 7.6 to 1 |
| 11 | `#3b5f19` | `oklch(44.26% 0.1065 132.90)` | Rainforest Matcha | white, 7.3 to 1 |
| 12 | `#3f6118` | `oklch(44.93% 0.1071 131.42)` | Rainforest Matcha | white, 7.1 to 1 |
| 13 | `#426218` | `oklch(45.60% 0.1077 130.41)` | Rainforest Matcha | white, 6.9 to 1 |
| 14 | `#446419` | `oklch(46.27% 0.1081 129.97)` | Camouflage Green | white, 6.7 to 1 |
| 15 | `#45661c` | `oklch(46.92% 0.1085 130.20)` | Camouflage Green | white, 6.6 to 1 |
| 16 | `#46681f` | `oklch(47.57% 0.1088 131.20)` | Tree Shade | white, 6.4 to 1 |
| 17 | `#456b24` | `oklch(48.19% 0.1089 133.08)` | Tree Shade | white, 6.2 to 1 |
| 18 | `#416e2b` | `oklch(48.89% 0.1091 136.48)` | Druid Green | white, 6 to 1 |
| 19 | `#3b7134` | `oklch(49.70% 0.1093 141.43)` | Druid Green | white, 5.8 to 1 |
| 20 | `#32753f` | `oklch(50.59% 0.1097 147.63)` | Cucumber Queen | white, 5.5 to 1 |
| 21 | `#257a4a` | `oklch(51.54% 0.1100 154.82)` | Salem | white, 5.3 to 1 |
| 22 | `#0e7e57` | `oklch(52.51% 0.1103 162.72)` | Irish Beauty | white, 5 to 1 |
| 23 | `#008065` | `oklch(53.49% 0.1047 171.02)` | Generic Viridian | white, 4.8 to 1 |
| 24 | `#008272` | `oklch(54.45% 0.0991 179.49)` | Green Garlands | white, 4.7 to 1 |
| 25 | `#00847d` | `oklch(55.36% 0.0963 187.83)` | Egyptian Green | black, 4.6 to 1 |
| 26 | `#008687` | `oklch(56.20% 0.0958 195.76)` | Tubbataha Teal | black, 4.7 to 1 |
| 27 | `#008890` | `oklch(56.95% 0.0970 203.01)` | Ocean Soul | black, 4.8 to 1 |
| 28 | `#008999` | `oklch(57.58% 0.0993 209.28)` | Atlantic Blue | black, 5 to 1 |
| 29 | `#0089a0` | `oklch(58.06% 0.1022 214.32)` | Teal Blue | black, 5.1 to 1 |
| 30 | `#008aa4` | `oklch(58.38% 0.1048 217.83)` | Capri Breeze | black, 5.1 to 1 |
| 31 | `#008aa7` | `oklch(58.50% 0.1062 219.53)` | Capri Breeze | black, 5.1 to 1 |
| 32 | `#0789a5` | `oklch(58.41% 0.1045 219.15)` | Capri Breeze | black, 5.1 to 1 |
| 33 | `#0789a1` | `oklch(58.05% 0.1021 216.37)` | Teal Blue | black, 5 to 1 |
| 34 | `#038799` | `oklch(57.30% 0.0989 210.81)` | Marker Blue | black, 4.9 to 1 |
| 35 | `#03858e` | `oklch(56.20% 0.0951 202.78)` | Gulf Stream | black, 4.7 to 1 |
| 36 | `#10817f` | `oklch(54.81% 0.0907 192.67)` | Belly Flop | white, 4.6 to 1 |
| 37 | `#217c6f` | `oklch(53.20% 0.0858 180.85)` | Teal We Meet Again | white, 5 to 1 |
| 38 | `#30765e` | `oklch(51.41% 0.0806 167.70)` | Majorelle Gardens | white, 5.4 to 1 |
| 39 | `#3d6e4e` | `oklch(49.51% 0.0751 153.62)` | Jungle Book Green | white, 5.9 to 1 |
| 40 | `#48663f` | `oklch(47.56% 0.0696 138.98)` | Mountain Forest | white, 6.4 to 1 |
| 41 | `#4f5d34` | `oklch(45.62% 0.0641 124.17)` | Woodman | white, 7.1 to 1 |
| 42 | `#54552d` | `oklch(43.75% 0.0587 109.56)` | Dark Rainforest | white, 7.7 to 1 |
| 43 | `#564d2a` | `oklch(42.01% 0.0536 95.55)` | Bronze Olive | white, 8.4 to 1 |
| 44 | `#564729` | `oklch(40.46% 0.0489 82.52)` | Punga | white, 9 to 1 |
| 45 | `#55412a` | `oklch(39.16% 0.0446 70.84)` | Garden Loam | white, 9.6 to 1 |
| 46 | `#533e2c` | `oklch(38.18% 0.0410 60.91)` | Antique Brown | white, 10 to 1 |
| 47 | `#523c2e` | `oklch(37.56% 0.0382 53.10)` | Bonanza | white, 10.3 to 1 |
| 48 | `#513b30` | `oklch(37.37% 0.0362 47.79)` | Bright Brown | white, 10.4 to 1 |
| 49 | `#523c32` | `oklch(37.67% 0.0351 45.12)` | Bright Brown | white, 10.2 to 1 |
| 50 | `#543e34` | `oklch(38.40% 0.0349 44.54)` | Obsidian Brown | white, 9.9 to 1 |
| 51 | `#574137` | `oklch(39.53% 0.0353 45.76)` | Roasted Kona | white, 9.5 to 1 |
| 52 | `#5b4539` | `oklch(40.99% 0.0364 48.57)` | Brown Derby | white, 8.9 to 1 |
| 53 | `#60493c` | `oklch(42.72% 0.0380 52.71)` | Ship Steering Wheel | white, 8.3 to 1 |
| 54 | `#664f3e` | `oklch(44.67% 0.0401 57.94)` | Tobacco | white, 7.6 to 1 |
| 55 | `#6b5541` | `oklch(46.78% 0.0424 64.03)` | Breakfast Blend | white, 6.9 to 1 |
| 56 | `#715c44` | `oklch(49.00% 0.0450 70.74)` | Alpha Male | white, 6.3 to 1 |
| 57 | `#766448` | `oklch(51.27% 0.0478 77.82)` | Khemri Brown | white, 5.7 to 1 |
| 58 | `#7b6b4b` | `oklch(53.53% 0.0506 85.03)` | Juicy Fig | white, 5.1 to 1 |
| 59 | `#7f734f` | `oklch(55.73% 0.0534 92.14)` | Olive Sapling | white, 4.6 to 1 |
| 60 | `#827b54` | `oklch(57.81% 0.0560 98.91)` | Autumn Grove | black, 4.8 to 1 |
| 61 | `#848258` | `oklch(59.71% 0.0585 105.08)` | Spinach Souffle | black, 5.3 to 1 |
| 62 | `#86885d` | `oklch(61.37% 0.0606 110.44)` | Iguana | black, 5.6 to 1 |
| 63 | `#878d61` | `oklch(62.75% 0.0622 114.72)` | Green Coconut | black, 6 to 1 |
| 64 | `#889165` | `oklch(63.78% 0.0634 117.71)` | Green Coconut | black, 6.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #015429 0.0%, #065428 1.6%, #0d5527 3.2%, #145626 4.8%, #1a5725 6.3%, #215923 7.9%, #265a21 9.5%, #2c5b1e 11.1%, #315c1c 12.7%, #365e1a 14.3%, #3b5f19 15.9%, #3f6118 17.5%, #426218 19.0%, #446419 20.6%, #45661c 22.2%, #46681f 23.8%, #456b24 25.4%, #416e2b 27.0%, #3b7134 28.6%, #32753f 30.2%, #257a4a 31.7%, #0e7e57 33.3%, #008065 34.9%, #008272 36.5%, #00847d 38.1%, #008687 39.7%, #008890 41.3%, #008999 42.9%, #0089a0 44.4%, #008aa4 46.0%, #008aa7 47.6%, #0789a5 49.2%, #0789a1 50.8%, #038799 52.4%, #03858e 54.0%, #10817f 55.6%, #217c6f 57.1%, #30765e 58.7%, #3d6e4e 60.3%, #48663f 61.9%, #4f5d34 63.5%, #54552d 65.1%, #564d2a 66.7%, #564729 68.3%, #55412a 69.8%, #533e2c 71.4%, #523c2e 73.0%, #513b30 74.6%, #523c32 76.2%, #543e34 77.8%, #574137 79.4%, #5b4539 81.0%, #60493c 82.5%, #664f3e 84.1%, #6b5541 85.7%, #715c44 87.3%, #766448 88.9%, #7b6b4b 90.5%, #7f734f 92.1%, #827b54 93.7%, #848258 95.2%, #86885d 96.8%, #878d61 98.4%, #889165 100.0%);
background: linear-gradient(135deg in oklch, oklch(38.98% 0.1006 152.58) 0.0%, oklch(39.30% 0.1009 151.66) 1.6%, oklch(39.68% 0.1013 150.26) 3.2%, oklch(40.12% 0.1019 148.45) 4.8%, oklch(40.61% 0.1024 146.36) 6.3%, oklch(41.14% 0.1031 144.05) 7.9%, oklch(41.71% 0.1038 141.65) 9.5%, oklch(42.32% 0.1045 139.23) 11.1%, oklch(42.94% 0.1052 136.91) 12.7%, oklch(43.59% 0.1058 134.76) 14.3%, oklch(44.26% 0.1065 132.90) 15.9%, oklch(44.93% 0.1071 131.42) 17.5%, oklch(45.60% 0.1077 130.41) 19.0%, oklch(46.27% 0.1081 129.97) 20.6%, oklch(46.92% 0.1085 130.20) 22.2%, oklch(47.57% 0.1088 131.20) 23.8%, oklch(48.19% 0.1089 133.08) 25.4%, oklch(48.89% 0.1091 136.48) 27.0%, oklch(49.70% 0.1093 141.43) 28.6%, oklch(50.59% 0.1097 147.63) 30.2%, oklch(51.54% 0.1100 154.82) 31.7%, oklch(52.51% 0.1103 162.72) 33.3%, oklch(53.49% 0.1047 171.02) 34.9%, oklch(54.45% 0.0991 179.49) 36.5%, oklch(55.36% 0.0963 187.83) 38.1%, oklch(56.20% 0.0958 195.76) 39.7%, oklch(56.95% 0.0970 203.01) 41.3%, oklch(57.58% 0.0993 209.28) 42.9%, oklch(58.06% 0.1022 214.32) 44.4%, oklch(58.38% 0.1048 217.83) 46.0%, oklch(58.50% 0.1062 219.53) 47.6%, oklch(58.41% 0.1045 219.15) 49.2%, oklch(58.05% 0.1021 216.37) 50.8%, oklch(57.30% 0.0989 210.81) 52.4%, oklch(56.20% 0.0951 202.78) 54.0%, oklch(54.81% 0.0907 192.67) 55.6%, oklch(53.20% 0.0858 180.85) 57.1%, oklch(51.41% 0.0806 167.70) 58.7%, oklch(49.51% 0.0751 153.62) 60.3%, oklch(47.56% 0.0696 138.98) 61.9%, oklch(45.62% 0.0641 124.17) 63.5%, oklch(43.75% 0.0587 109.56) 65.1%, oklch(42.01% 0.0536 95.55) 66.7%, oklch(40.46% 0.0489 82.52) 68.3%, oklch(39.16% 0.0446 70.84) 69.8%, oklch(38.18% 0.0410 60.91) 71.4%, oklch(37.56% 0.0382 53.10) 73.0%, oklch(37.37% 0.0362 47.79) 74.6%, oklch(37.67% 0.0351 45.12) 76.2%, oklch(38.40% 0.0349 44.54) 77.8%, oklch(39.53% 0.0353 45.76) 79.4%, oklch(40.99% 0.0364 48.57) 81.0%, oklch(42.72% 0.0380 52.71) 82.5%, oklch(44.67% 0.0401 57.94) 84.1%, oklch(46.78% 0.0424 64.03) 85.7%, oklch(49.00% 0.0450 70.74) 87.3%, oklch(51.27% 0.0478 77.82) 88.9%, oklch(53.53% 0.0506 85.03) 90.5%, oklch(55.73% 0.0534 92.14) 92.1%, oklch(57.81% 0.0560 98.91) 93.7%, oklch(59.71% 0.0585 105.08) 95.2%, oklch(61.37% 0.0606 110.44) 96.8%, oklch(62.75% 0.0622 114.72) 98.4%, oklch(63.78% 0.0634 117.71) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.39 | 0.101 | 152.6 |
| 2 | 0.48 | 0.109 | 132.5 |
| 3 | 0.583 | 0.103 | 218.1 |
| 4 | 0.374 | 0.036 | 46.9 |
| 5 | 0.638 | 0.063 | 117.7 |

## In these collections

- [Elevation gradients](https://grabient.com/elevation-gradients)

## Other forms

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