# Deep shadow meets stone haze

Green, navy, black and tan linear gradient with 64 colors: #63734d, #5d714d, #556e4d, #4c6b4e, #41674e, #366250, #2c5d51, #225751, #195152, #144a51, #114350, #113d4d, #12364a, #133146, #142c43, #14283f, #13253c, #112238, #0f2034, #0d1e30, #0b1c2c, #081b28, #071924, #061821, #06171d, #06161a, #071518, #081516, #0a1515, #0c1615, #0f1816, #111a17, #141d19, #18211c, #1d2620, #232d24, #2a3429, #333c2d, #3e4532, #494e36, #56563b, #635f40, #706745, #7e6f4b, #8b7651, #977c57, #a1825d, #aa8663, #b18968, #b68c6d, #ba8f72, #bc9176, #be927a, #bf947d, #bf9580, #be9682, #bd9684, #bc9685, #bb9787, #b99788, #b89789, #b7978a, #b6988b, #b6988c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Green, navy, black and tan linear gradient
- Seed: `kWhytaIZJPBsFNjSmDM2Y69Y`
- Page: https://grabient.com/kWhytaIZJPBsFNjSmDM2Y69Y?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: dark center
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 6.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 | `#63734d` | `oklch(53.15% 0.0593 126.56)` | Greenfield | white, 5.1 to 1 |
| 2 | `#5d714d` | `oklch(52.15% 0.0590 131.52)` | Greenfield | white, 5.3 to 1 |
| 3 | `#556e4d` | `oklch(50.89% 0.0587 138.09)` | Graceland Grass | white, 5.6 to 1 |
| 4 | `#4c6b4e` | `oklch(49.40% 0.0584 146.03)` | Sabal Palm | white, 5.9 to 1 |
| 5 | `#41674e` | `oklch(47.72% 0.0581 155.06)` | Nordic Pine | white, 6.4 to 1 |
| 6 | `#366250` | `oklch(45.89% 0.0578 164.93)` | Moss Vale | white, 6.9 to 1 |
| 7 | `#2c5d51` | `oklch(43.93% 0.0575 175.39)` | Old Money | white, 7.5 to 1 |
| 8 | `#225751` | `oklch(41.90% 0.0571 186.16)` | Forest Biome | white, 8.2 to 1 |
| 9 | `#195152` | `oklch(39.82% 0.0566 197.00)` | Deep Sanction | white, 9 to 1 |
| 10 | `#144a51` | `oklch(37.74% 0.0561 207.63)` | Midnight Green | white, 9.8 to 1 |
| 11 | `#114350` | `oklch(35.69% 0.0555 217.81)` | Cold and Dark | white, 10.7 to 1 |
| 12 | `#113d4d` | `oklch(33.71% 0.0547 227.27)` | Subterranean River | white, 11.7 to 1 |
| 13 | `#12364a` | `oklch(31.83% 0.0539 235.76)` | Sea of Stars | white, 12.6 to 1 |
| 14 | `#133146` | `oklch(30.10% 0.0530 243.00)` | NATO Blue | white, 13.5 to 1 |
| 15 | `#142c43` | `oklch(28.55% 0.0519 248.75)` | NATO Blue | white, 14.2 to 1 |
| 16 | `#14283f` | `oklch(27.21% 0.0506 252.74)` | Eternal Darkness | white, 14.9 to 1 |
| 17 | `#13253c` | `oklch(26.12% 0.0492 254.74)` | Cool Balaclavas Are Forever | white, 15.4 to 1 |
| 18 | `#112238` | `oklch(25.10% 0.0474 255.03)` | Fog of War | white, 15.9 to 1 |
| 19 | `#0f2034` | `oklch(24.08% 0.0451 253.91)` | The Count’s Black | white, 16.4 to 1 |
| 20 | `#0d1e30` | `oklch(23.09% 0.0424 251.52)` | Trapped Darkness | white, 16.8 to 1 |
| 21 | `#0b1c2c` | `oklch(22.14% 0.0395 247.99)` | Trapped Darkness | white, 17.2 to 1 |
| 22 | `#081b28` | `oklch(21.26% 0.0363 243.47)` | Oxford by Night | white, 17.5 to 1 |
| 23 | `#071924` | `oklch(20.47% 0.0331 238.11)` | Creeping Death | white, 17.8 to 1 |
| 24 | `#061821` | `oklch(19.78% 0.0298 232.03)` | Creeping Death | white, 18.1 to 1 |
| 25 | `#06171d` | `oklch(19.22% 0.0266 225.40)` | Creeping Death | white, 18.3 to 1 |
| 26 | `#06161a` | `oklch(18.81% 0.0236 218.34)` | Black Is Back | white, 18.4 to 1 |
| 27 | `#071518` | `oklch(18.58% 0.0208 211.01)` | Black Is Back | white, 18.5 to 1 |
| 28 | `#081516` | `oklch(18.53% 0.0184 203.53)` | Black Is Back | white, 18.5 to 1 |
| 29 | `#0a1515` | `oklch(18.70% 0.0163 196.06)` | Black Is Back | white, 18.5 to 1 |
| 30 | `#0c1615` | `oklch(19.10% 0.0148 188.74)` | Black Is Back | white, 18.3 to 1 |
| 31 | `#0f1816` | `oklch(19.76% 0.0139 181.70)` | Black Stallion | white, 18.1 to 1 |
| 32 | `#111a17` | `oklch(20.69% 0.0136 175.10)` | Black Stallion | white, 17.7 to 1 |
| 33 | `#141d19` | `oklch(21.94% 0.0142 168.92)` | Coco’s Black | white, 17.2 to 1 |
| 34 | `#18211c` | `oklch(23.68% 0.0157 162.37)` | Black Emerald | white, 16.5 to 1 |
| 35 | `#1d2620` | `oklch(25.86% 0.0180 155.40)` | Shadow Warrior | white, 15.5 to 1 |
| 36 | `#232d24` | `oklch(28.42% 0.0210 148.09)` | Quartzite | white, 14.2 to 1 |
| 37 | `#2a3429` | `oklch(31.30% 0.0246 140.53)` | Gordons Green | white, 12.8 to 1 |
| 38 | `#333c2d` | `oklch(34.43% 0.0287 132.80)` | Aged Pine | white, 11.4 to 1 |
| 39 | `#3e4532` | `oklch(37.73% 0.0330 124.99)` | Arame Seaweed Green | white, 10 to 1 |
| 40 | `#494e36` | `oklch(41.15% 0.0376 117.19)` | Waiouru | white, 8.6 to 1 |
| 41 | `#56563b` | `oklch(44.61% 0.0423 109.47)` | Bronze Icon | white, 7.5 to 1 |
| 42 | `#635f40` | `oklch(48.06% 0.0468 101.94)` | Verdigris Foncé | white, 6.4 to 1 |
| 43 | `#706745` | `oklch(51.41% 0.0512 94.66)` | Mount Olive | white, 5.6 to 1 |
| 44 | `#7e6f4b` | `oklch(54.62% 0.0553 87.74)` | Muskrat | white, 4.9 to 1 |
| 45 | `#8b7651` | `oklch(57.60% 0.0590 81.25)` | Burlap | black, 4.8 to 1 |
| 46 | `#977c57` | `oklch(60.29% 0.0620 75.29)` | Tweed | black, 5.3 to 1 |
| 47 | `#a1825d` | `oklch(62.64% 0.0644 69.93)` | Mulled Cider | black, 5.8 to 1 |
| 48 | `#aa8663` | `oklch(64.55% 0.0659 65.26)` | Roman Coin | black, 6.2 to 1 |
| 49 | `#b18968` | `oklch(66.05% 0.0666 61.31)` | Syrup | black, 6.6 to 1 |
| 50 | `#b68c6d` | `oklch(67.28% 0.0665 57.95)` | Dune Drift | black, 6.9 to 1 |
| 51 | `#ba8f72` | `oklch(68.26% 0.0659 55.10)` | Maple | black, 7.2 to 1 |
| 52 | `#bc9176` | `oklch(69.03% 0.0648 52.74)` | Presidio Plaza | black, 7.4 to 1 |
| 53 | `#be927a` | `oklch(69.61% 0.0632 50.80)` | Charleston Chocolate | black, 7.6 to 1 |
| 54 | `#bf947d` | `oklch(70.02% 0.0613 49.23)` | Faded Redwood | black, 7.7 to 1 |
| 55 | `#bf9580` | `oklch(70.28% 0.0590 47.98)` | Faded Redwood | black, 7.8 to 1 |
| 56 | `#be9682` | `oklch(70.44% 0.0566 47.01)` | Spiced Brandy | black, 7.8 to 1 |
| 57 | `#bd9684` | `oklch(70.50% 0.0541 46.27)` | Spiced Brandy | black, 7.8 to 1 |
| 58 | `#bc9685` | `oklch(70.49% 0.0516 45.70)` | Spiced Brandy | black, 7.8 to 1 |
| 59 | `#bb9787` | `oklch(70.44% 0.0490 45.25)` | Cinnamon Roast | black, 7.8 to 1 |
| 60 | `#b99788` | `oklch(70.38% 0.0466 44.87)` | Brush | black, 7.8 to 1 |
| 61 | `#b89789` | `oklch(70.33% 0.0445 44.51)` | Brush | black, 7.8 to 1 |
| 62 | `#b7978a` | `oklch(70.31% 0.0426 44.13)` | Del Rio | black, 7.8 to 1 |
| 63 | `#b6988b` | `oklch(70.35% 0.0410 43.67)` | Del Rio | black, 7.8 to 1 |
| 64 | `#b6988c` | `oklch(70.47% 0.0400 43.08)` | Del Rio | black, 7.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #63734d 0.0%, #5d714d 1.6%, #556e4d 3.2%, #4c6b4e 4.8%, #41674e 6.3%, #366250 7.9%, #2c5d51 9.5%, #225751 11.1%, #195152 12.7%, #144a51 14.3%, #114350 15.9%, #113d4d 17.5%, #12364a 19.0%, #133146 20.6%, #142c43 22.2%, #14283f 23.8%, #13253c 25.4%, #112238 27.0%, #0f2034 28.6%, #0d1e30 30.2%, #0b1c2c 31.7%, #081b28 33.3%, #071924 34.9%, #061821 36.5%, #06171d 38.1%, #06161a 39.7%, #071518 41.3%, #081516 42.9%, #0a1515 44.4%, #0c1615 46.0%, #0f1816 47.6%, #111a17 49.2%, #141d19 50.8%, #18211c 52.4%, #1d2620 54.0%, #232d24 55.6%, #2a3429 57.1%, #333c2d 58.7%, #3e4532 60.3%, #494e36 61.9%, #56563b 63.5%, #635f40 65.1%, #706745 66.7%, #7e6f4b 68.3%, #8b7651 69.8%, #977c57 71.4%, #a1825d 73.0%, #aa8663 74.6%, #b18968 76.2%, #b68c6d 77.8%, #ba8f72 79.4%, #bc9176 81.0%, #be927a 82.5%, #bf947d 84.1%, #bf9580 85.7%, #be9682 87.3%, #bd9684 88.9%, #bc9685 90.5%, #bb9787 92.1%, #b99788 93.7%, #b89789 95.2%, #b7978a 96.8%, #b6988b 98.4%, #b6988c 100.0%);
background: linear-gradient(135deg in oklch, oklch(53.15% 0.0593 126.56) 0.0%, oklch(52.15% 0.0590 131.52) 1.6%, oklch(50.89% 0.0587 138.09) 3.2%, oklch(49.40% 0.0584 146.03) 4.8%, oklch(47.72% 0.0581 155.06) 6.3%, oklch(45.89% 0.0578 164.93) 7.9%, oklch(43.93% 0.0575 175.39) 9.5%, oklch(41.90% 0.0571 186.16) 11.1%, oklch(39.82% 0.0566 197.00) 12.7%, oklch(37.74% 0.0561 207.63) 14.3%, oklch(35.69% 0.0555 217.81) 15.9%, oklch(33.71% 0.0547 227.27) 17.5%, oklch(31.83% 0.0539 235.76) 19.0%, oklch(30.10% 0.0530 243.00) 20.6%, oklch(28.55% 0.0519 248.75) 22.2%, oklch(27.21% 0.0506 252.74) 23.8%, oklch(26.12% 0.0492 254.74) 25.4%, oklch(25.10% 0.0474 255.03) 27.0%, oklch(24.08% 0.0451 253.91) 28.6%, oklch(23.09% 0.0424 251.52) 30.2%, oklch(22.14% 0.0395 247.99) 31.7%, oklch(21.26% 0.0363 243.47) 33.3%, oklch(20.47% 0.0331 238.11) 34.9%, oklch(19.78% 0.0298 232.03) 36.5%, oklch(19.22% 0.0266 225.40) 38.1%, oklch(18.81% 0.0236 218.34) 39.7%, oklch(18.58% 0.0208 211.01) 41.3%, oklch(18.53% 0.0184 203.53) 42.9%, oklch(18.70% 0.0163 196.06) 44.4%, oklch(19.10% 0.0148 188.74) 46.0%, oklch(19.76% 0.0139 181.70) 47.6%, oklch(20.69% 0.0136 175.10) 49.2%, oklch(21.94% 0.0142 168.92) 50.8%, oklch(23.68% 0.0157 162.37) 52.4%, oklch(25.86% 0.0180 155.40) 54.0%, oklch(28.42% 0.0210 148.09) 55.6%, oklch(31.30% 0.0246 140.53) 57.1%, oklch(34.43% 0.0287 132.80) 58.7%, oklch(37.73% 0.0330 124.99) 60.3%, oklch(41.15% 0.0376 117.19) 61.9%, oklch(44.61% 0.0423 109.47) 63.5%, oklch(48.06% 0.0468 101.94) 65.1%, oklch(51.41% 0.0512 94.66) 66.7%, oklch(54.62% 0.0553 87.74) 68.3%, oklch(57.60% 0.0590 81.25) 69.8%, oklch(60.29% 0.0620 75.29) 71.4%, oklch(62.64% 0.0644 69.93) 73.0%, oklch(64.55% 0.0659 65.26) 74.6%, oklch(66.05% 0.0666 61.31) 76.2%, oklch(67.28% 0.0665 57.95) 77.8%, oklch(68.26% 0.0659 55.10) 79.4%, oklch(69.03% 0.0648 52.74) 81.0%, oklch(69.61% 0.0632 50.80) 82.5%, oklch(70.02% 0.0613 49.23) 84.1%, oklch(70.28% 0.0590 47.98) 85.7%, oklch(70.44% 0.0566 47.01) 87.3%, oklch(70.50% 0.0541 46.27) 88.9%, oklch(70.49% 0.0516 45.70) 90.5%, oklch(70.44% 0.0490 45.25) 92.1%, oklch(70.38% 0.0466 44.87) 93.7%, oklch(70.33% 0.0445 44.51) 95.2%, oklch(70.31% 0.0426 44.13) 96.8%, oklch(70.35% 0.0410 43.67) 98.4%, oklch(70.47% 0.0400 43.08) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.531 | 0.059 | 126.6 |
| 2 | 0.264 | 0.05 | 254.4 |
| 3 | 0.213 | 0.014 | 172 |
| 4 | 0.65 | 0.066 | 64.2 |
| 5 | 0.705 | 0.04 | 43.1 |

## In these collections

- [Mystic outlands](https://grabient.com/mystic-outlands)

## Other forms

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