# Deep green green rings

Green, brown, teal and olive linear gradient with 40 colors: #4f6b54, #4e6950, #4c644a, #495f42, #47583a, #455231, #434b28, #40441f, #3e3e17, #3d3810, #3b3409, #3b3104, #3b3001, #3b3100, #3d3501, #3f3b06, #424410, #434f1d, #445b2c, #43683d, #417550, #3e8263, #3d8e77, #3e9889, #40a199, #44a8a4, #48acab, #4baeac, #4daea9, #4faca3, #52a99b, #56a590, #5ba084, #5f9a78, #64936d, #688c63, #6b865a, #6d8053, #6e7c4e, #6f794b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Green, brown, teal and olive linear gradient
- Seed: `kUfyRqqBe5lchy5GmDbg`
- Page: https://grabient.com/kUfyRqqBe5lchy5GmDbg?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 4.9 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 | `#4f6b54` | `oklch(50.00% 0.0496 149.77)` | Medium Grey Green | white, 5.8 to 1 |
| 2 | `#4e6950` | `oklch(49.03% 0.0502 146.97)` | Medium Grey Green | white, 6.1 to 1 |
| 3 | `#4c644a` | `oklch(47.62% 0.0510 142.92)` | Tom Thumb | white, 6.4 to 1 |
| 4 | `#495f42` | `oklch(45.86% 0.0518 137.89)` | Bavarian | white, 7 to 1 |
| 5 | `#47583a` | `oklch(43.85% 0.0527 132.17)` | Heavy Green | white, 7.6 to 1 |
| 6 | `#455231` | `oklch(41.70% 0.0538 126.04)` | Zen Garden Olive | white, 8.4 to 1 |
| 7 | `#434b28` | `oklch(39.51% 0.0549 119.77)` | Bronze Tone | white, 9.2 to 1 |
| 8 | `#40441f` | `oklch(37.38% 0.0561 113.65)` | Avocado Dark Green | white, 10.1 to 1 |
| 9 | `#3e3e17` | `oklch(35.41% 0.0573 107.97)` | Turtle Skin | white, 11 to 1 |
| 10 | `#3d3810` | `oklch(33.70% 0.0587 103.00)` | Camouflage | white, 11.8 to 1 |
| 11 | `#3b3409` | `oklch(32.36% 0.0601 99.02)` | Hidden Passage | white, 12.4 to 1 |
| 12 | `#3b3104` | `oklch(31.47% 0.0616 96.32)` | Hidden Passage | white, 12.9 to 1 |
| 13 | `#3b3001` | `oklch(31.15% 0.0632 95.18)` | Hidden Passage | white, 13 to 1 |
| 14 | `#3b3100` | `oklch(31.50% 0.0648 95.87)` | Hidden Passage | white, 12.9 to 1 |
| 15 | `#3d3501` | `oklch(32.66% 0.0666 98.92)` | Night in the Woods | white, 12.3 to 1 |
| 16 | `#3f3b06` | `oklch(34.63% 0.0689 104.36)` | Camouflage | white, 11.3 to 1 |
| 17 | `#424410` | `oklch(37.27% 0.0714 111.73)` | Alligator Gladiator | white, 10.1 to 1 |
| 18 | `#434f1d` | `oklch(40.43% 0.0741 120.60)` | Verdun Green | white, 8.8 to 1 |
| 19 | `#445b2c` | `oklch(43.96% 0.0769 130.52)` | Turf | white, 7.5 to 1 |
| 20 | `#43683d` | `oklch(47.73% 0.0797 141.05)` | Friendly Fairway | white, 6.3 to 1 |
| 21 | `#417550` | `oklch(51.59% 0.0825 151.73)` | Killarney | white, 5.3 to 1 |
| 22 | `#3e8263` | `oklch(55.38% 0.0851 162.12)` | Leisure Green | black, 4.5 to 1 |
| 23 | `#3d8e77` | `oklch(58.98% 0.0874 171.78)` | Perky | black, 5.3 to 1 |
| 24 | `#3e9889` | `oklch(62.24% 0.0894 180.26)` | Temple Guard Blue | black, 6 to 1 |
| 25 | `#40a199` | `oklch(65.01% 0.0909 187.11)` | Baltic Green | black, 6.7 to 1 |
| 26 | `#44a8a4` | `oklch(67.14% 0.0919 191.89)` | Tidal Teal | black, 7.3 to 1 |
| 27 | `#48acab` | `oklch(68.50% 0.0923 194.15)` | Blue Turquoise | black, 7.7 to 1 |
| 28 | `#4baeac` | `oklch(69.11% 0.0920 193.80)` | Blue Turquoise | black, 7.9 to 1 |
| 29 | `#4daea9` | `oklch(69.13% 0.0910 191.28)` | Emerald Succulent | black, 7.9 to 1 |
| 30 | `#4faca3` | `oklch(68.65% 0.0894 186.94)` | Dragon Bay | black, 7.7 to 1 |
| 31 | `#52a99b` | `oklch(67.77% 0.0874 181.10)` | Dragon Bay | black, 7.5 to 1 |
| 32 | `#56a590` | `oklch(66.56% 0.0850 174.12)` | Jargon Jade | black, 7.1 to 1 |
| 33 | `#5ba084` | `oklch(65.11% 0.0823 166.34)` | Green Spruce | black, 6.7 to 1 |
| 34 | `#5f9a78` | `oklch(63.51% 0.0796 158.09)` | Memphis Green | black, 6.3 to 1 |
| 35 | `#64936d` | `oklch(61.84% 0.0768 149.72)` | Turtle Creek | black, 5.9 to 1 |
| 36 | `#688c63` | `oklch(60.19% 0.0740 141.58)` | Succulent Leaves | black, 5.5 to 1 |
| 37 | `#6b865a` | `oklch(58.65% 0.0715 134.00)` | Thicket | black, 5.1 to 1 |
| 38 | `#6d8053` | `oklch(57.30% 0.0693 127.32)` | Terrain | black, 4.8 to 1 |
| 39 | `#6e7c4e` | `oklch(56.22% 0.0674 121.90)` | Mint Leaves | black, 4.6 to 1 |
| 40 | `#6f794b` | `oklch(55.51% 0.0661 118.06)` | Verdant Views | white, 4.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #4f6b54 0.0%, #4e6950 2.6%, #4c644a 5.1%, #495f42 7.7%, #47583a 10.3%, #455231 12.8%, #434b28 15.4%, #40441f 17.9%, #3e3e17 20.5%, #3d3810 23.1%, #3b3409 25.6%, #3b3104 28.2%, #3b3001 30.8%, #3b3100 33.3%, #3d3501 35.9%, #3f3b06 38.5%, #424410 41.0%, #434f1d 43.6%, #445b2c 46.2%, #43683d 48.7%, #417550 51.3%, #3e8263 53.8%, #3d8e77 56.4%, #3e9889 59.0%, #40a199 61.5%, #44a8a4 64.1%, #48acab 66.7%, #4baeac 69.2%, #4daea9 71.8%, #4faca3 74.4%, #52a99b 76.9%, #56a590 79.5%, #5ba084 82.1%, #5f9a78 84.6%, #64936d 87.2%, #688c63 89.7%, #6b865a 92.3%, #6d8053 94.9%, #6e7c4e 97.4%, #6f794b 100.0%);
background: linear-gradient(135deg in oklch, oklch(50.00% 0.0496 149.77) 0.0%, oklch(49.03% 0.0502 146.97) 2.6%, oklch(47.62% 0.0510 142.92) 5.1%, oklch(45.86% 0.0518 137.89) 7.7%, oklch(43.85% 0.0527 132.17) 10.3%, oklch(41.70% 0.0538 126.04) 12.8%, oklch(39.51% 0.0549 119.77) 15.4%, oklch(37.38% 0.0561 113.65) 17.9%, oklch(35.41% 0.0573 107.97) 20.5%, oklch(33.70% 0.0587 103.00) 23.1%, oklch(32.36% 0.0601 99.02) 25.6%, oklch(31.47% 0.0616 96.32) 28.2%, oklch(31.15% 0.0632 95.18) 30.8%, oklch(31.50% 0.0648 95.87) 33.3%, oklch(32.66% 0.0666 98.92) 35.9%, oklch(34.63% 0.0689 104.36) 38.5%, oklch(37.27% 0.0714 111.73) 41.0%, oklch(40.43% 0.0741 120.60) 43.6%, oklch(43.96% 0.0769 130.52) 46.2%, oklch(47.73% 0.0797 141.05) 48.7%, oklch(51.59% 0.0825 151.73) 51.3%, oklch(55.38% 0.0851 162.12) 53.8%, oklch(58.98% 0.0874 171.78) 56.4%, oklch(62.24% 0.0894 180.26) 59.0%, oklch(65.01% 0.0909 187.11) 61.5%, oklch(67.14% 0.0919 191.89) 64.1%, oklch(68.50% 0.0923 194.15) 66.7%, oklch(69.11% 0.0920 193.80) 69.2%, oklch(69.13% 0.0910 191.28) 71.8%, oklch(68.65% 0.0894 186.94) 74.4%, oklch(67.77% 0.0874 181.10) 76.9%, oklch(66.56% 0.0850 174.12) 79.5%, oklch(65.11% 0.0823 166.34) 82.1%, oklch(63.51% 0.0796 158.09) 84.6%, oklch(61.84% 0.0768 149.72) 87.2%, oklch(60.19% 0.0740 141.58) 89.7%, oklch(58.65% 0.0715 134.00) 92.3%, oklch(57.30% 0.0693 127.32) 94.9%, oklch(56.22% 0.0674 121.90) 97.4%, oklch(55.51% 0.0661 118.06) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.5 | 0.05 | 149.8 |
| 2 | 0.315 | 0.065 | 95.9 |
| 3 | 0.685 | 0.092 | 194.1 |
| 4 | 0.555 | 0.066 | 118.1 |

## In these collections

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

## Other forms

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