# Emerald enamel heirloom gradient

Dark green to gray linear gradient with 32 colors: #172722, #182b25, #1a3029, #1c362e, #1e3d33, #204439, #224c3e, #255344, #285a49, #2b604d, #2e6752, #326e57, #37745b, #3c7b5f, #428164, #488767, #508d6b, #59936f, #639873, #6c9d78, #76a27c, #7fa681, #89ab85, #92b089, #9bb58d, #a5ba91, #afbf96, #b9c59a, #c3c99e, #cbcea2, #d3d1a5, #d8d4a8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Dark green to gray linear gradient
- Seed: `kWQRF7NZY_coePtclz17ZU7w`
- Page: https://grabient.com/kWQRF7NZY_coePtclz17ZU7w?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.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 | `#172722` | `oklch(25.59% 0.0234 172.97)` | Swamp Thing | white, 15.5 to 1 |
| 2 | `#182b25` | `oklch(26.92% 0.0265 172.67)` | Guerrilla Forest | white, 14.9 to 1 |
| 3 | `#1a3029` | `oklch(28.69% 0.0308 172.31)` | Lacquer Green | white, 14 to 1 |
| 4 | `#1c362e` | `oklch(30.81% 0.0358 171.88)` | Medium Jungle Green | white, 13 to 1 |
| 5 | `#1e3d33` | `oklch(33.15% 0.0414 171.38)` | Palm Green | white, 11.9 to 1 |
| 6 | `#204439` | `oklch(35.62% 0.0470 170.80)` | Burnham | white, 10.7 to 1 |
| 7 | `#224c3e` | `oklch(38.09% 0.0525 170.14)` | English Green | white, 9.7 to 1 |
| 8 | `#255344` | `oklch(40.47% 0.0575 169.38)` | Fresh Mint | white, 8.7 to 1 |
| 9 | `#285a49` | `oklch(42.65% 0.0616 168.52)` | Billiard Green | white, 7.9 to 1 |
| 10 | `#2b604d` | `oklch(44.77% 0.0655 167.63)` | Evening Sea | white, 7.2 to 1 |
| 11 | `#2e6752` | `oklch(46.89% 0.0694 166.71)` | Ore Mountains Green | white, 6.6 to 1 |
| 12 | `#326e57` | `oklch(49.00% 0.0731 165.72)` | Toad King | white, 6 to 1 |
| 13 | `#37745b` | `oklch(51.11% 0.0764 164.61)` | Nordic Forest | white, 5.4 to 1 |
| 14 | `#3c7b5f` | `oklch(53.19% 0.0792 163.35)` | Liquid Green Stuff | white, 5 to 1 |
| 15 | `#428164` | `oklch(55.25% 0.0812 161.88)` | Bathing Beauty | white, 4.6 to 1 |
| 16 | `#488767` | `oklch(57.27% 0.0825 160.18)` | Mallard Green | black, 4.9 to 1 |
| 17 | `#508d6b` | `oklch(59.25% 0.0826 158.22)` | Green Weed | black, 5.3 to 1 |
| 18 | `#59936f` | `oklch(61.20% 0.0813 156.08)` | DaVanzo Green | black, 5.8 to 1 |
| 19 | `#639873` | `oklch(63.12% 0.0790 153.76)` | Rosemary Green | black, 6.2 to 1 |
| 20 | `#6c9d78` | `oklch(65.02% 0.0760 151.24)` | Holiday Camp | black, 6.7 to 1 |
| 21 | `#76a27c` | `oklch(66.89% 0.0726 148.52)` | Jadesheen | black, 7.2 to 1 |
| 22 | `#7fa681` | `oklch(68.74% 0.0692 145.58)` | Greyish Green | black, 7.7 to 1 |
| 23 | `#89ab85` | `oklch(70.57% 0.0662 142.41)` | Lounge Green | black, 8.2 to 1 |
| 24 | `#92b089` | `oklch(72.38% 0.0638 138.99)` | Fair Green | black, 8.7 to 1 |
| 25 | `#9bb58d` | `oklch(74.23% 0.0623 135.12)` | Basilisk | black, 9.3 to 1 |
| 26 | `#a5ba91` | `oklch(76.20% 0.0611 130.46)` | Byakuroku Green | black, 10 to 1 |
| 27 | `#afbf96` | `oklch(78.22% 0.0602 125.32)` | Bavarian Hops | black, 10.7 to 1 |
| 28 | `#b9c59a` | `oklch(80.20% 0.0595 120.00)` | Wasabi Peanut | black, 11.4 to 1 |
| 29 | `#c3c99e` | `oklch(82.07% 0.0590 114.82)` | Seedling | black, 12.1 to 1 |
| 30 | `#cbcea2` | `oklch(83.75% 0.0586 110.09)` | Dancing Kite | black, 12.8 to 1 |
| 31 | `#d3d1a5` | `oklch(85.16% 0.0582 106.12)` | Heart of Palm | black, 13.4 to 1 |
| 32 | `#d8d4a8` | `oklch(86.22% 0.0579 103.22)` | Cream Cheese Avocado | black, 13.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #172722 0.0%, #182b25 3.2%, #1a3029 6.5%, #1c362e 9.7%, #1e3d33 12.9%, #204439 16.1%, #224c3e 19.4%, #255344 22.6%, #285a49 25.8%, #2b604d 29.0%, #2e6752 32.3%, #326e57 35.5%, #37745b 38.7%, #3c7b5f 41.9%, #428164 45.2%, #488767 48.4%, #508d6b 51.6%, #59936f 54.8%, #639873 58.1%, #6c9d78 61.3%, #76a27c 64.5%, #7fa681 67.7%, #89ab85 71.0%, #92b089 74.2%, #9bb58d 77.4%, #a5ba91 80.6%, #afbf96 83.9%, #b9c59a 87.1%, #c3c99e 90.3%, #cbcea2 93.5%, #d3d1a5 96.8%, #d8d4a8 100.0%);
background: linear-gradient(135deg in oklch, oklch(25.59% 0.0234 172.97) 0.0%, oklch(26.92% 0.0265 172.67) 3.2%, oklch(28.69% 0.0308 172.31) 6.5%, oklch(30.81% 0.0358 171.88) 9.7%, oklch(33.15% 0.0414 171.38) 12.9%, oklch(35.62% 0.0470 170.80) 16.1%, oklch(38.09% 0.0525 170.14) 19.4%, oklch(40.47% 0.0575 169.38) 22.6%, oklch(42.65% 0.0616 168.52) 25.8%, oklch(44.77% 0.0655 167.63) 29.0%, oklch(46.89% 0.0694 166.71) 32.3%, oklch(49.00% 0.0731 165.72) 35.5%, oklch(51.11% 0.0764 164.61) 38.7%, oklch(53.19% 0.0792 163.35) 41.9%, oklch(55.25% 0.0812 161.88) 45.2%, oklch(57.27% 0.0825 160.18) 48.4%, oklch(59.25% 0.0826 158.22) 51.6%, oklch(61.20% 0.0813 156.08) 54.8%, oklch(63.12% 0.0790 153.76) 58.1%, oklch(65.02% 0.0760 151.24) 61.3%, oklch(66.89% 0.0726 148.52) 64.5%, oklch(68.74% 0.0692 145.58) 67.7%, oklch(70.57% 0.0662 142.41) 71.0%, oklch(72.38% 0.0638 138.99) 74.2%, oklch(74.23% 0.0623 135.12) 77.4%, oklch(76.20% 0.0611 130.46) 80.6%, oklch(78.22% 0.0602 125.32) 83.9%, oklch(80.20% 0.0595 120.00) 87.1%, oklch(82.07% 0.0590 114.82) 90.3%, oklch(83.75% 0.0586 110.09) 93.5%, oklch(85.16% 0.0582 106.12) 96.8%, oklch(86.22% 0.0579 103.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.256 | 0.023 | 173 |
| 2 | 0.421 | 0.061 | 168.7 |
| 3 | 0.583 | 0.083 | 159.2 |
| 4 | 0.728 | 0.063 | 138.1 |
| 5 | 0.862 | 0.058 | 103.2 |

## In these collections

- [Brooched](https://grabient.com/brooched)

## Other forms

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