# Pale gray near-black gradient

Dark green, gray and black linear gradient with 32 colors: #003725, #093d2d, #164637, #245144, #345d53, #456b63, #577a75, #6a8986, #7e9998, #91a8a8, #a4b6b8, #b5c3c5, #c3cfd0, #cfd7d9, #d7dddf, #dbdfe0, #dadedf, #d4d8d9, #cacecf, #bcc2c2, #acb3b3, #99a2a2, #859090, #707e7d, #5c6c69, #485a56, #364943, #263932, #172c23, #0b2016, #03170c, #001005. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Dark green, gray and black linear gradient
- Seed: `kSTC51coHFxONuO`
- Page: https://grabient.com/kSTC51coHFxONuO?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center, neutral
- Hues: analogous
- Contrast of its darkest and lightest colors: 14.5 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 | `#003725` | `oklch(29.92% 0.0633 164.51)` | Off-Road Green | white, 13.3 to 1 |
| 2 | `#093d2d` | `oklch(32.37% 0.0611 166.55)` | Mizukaze Green | white, 12.1 to 1 |
| 3 | `#164637` | `oklch(35.72% 0.0580 169.30)` | Sherwood Green | white, 10.6 to 1 |
| 4 | `#245144` | `oklch(39.83% 0.0543 172.66)` | Hunt Club | white, 9 to 1 |
| 5 | `#345d53` | `oklch(44.52% 0.0500 176.51)` | Holly Bush | white, 7.3 to 1 |
| 6 | `#456b63` | `oklch(49.65% 0.0454 180.71)` | Smoke Pine | white, 5.9 to 1 |
| 7 | `#577a75` | `oklch(55.06% 0.0405 185.14)` | Breaker Bay | white, 4.7 to 1 |
| 8 | `#6a8986` | `oklch(60.59% 0.0355 189.68)` | Classic Calm | black, 5.5 to 1 |
| 9 | `#7e9998` | `oklch(66.07% 0.0304 194.18)` | Tidepool Wonder | black, 6.8 to 1 |
| 10 | `#91a8a8` | `oklch(71.37% 0.0255 198.53)` | In the Deep End | black, 8.3 to 1 |
| 11 | `#a4b6b8` | `oklch(76.31% 0.0207 202.60)` | Marine Layer | black, 9.9 to 1 |
| 12 | `#b5c3c5` | `oklch(80.74% 0.0164 206.25)` | Niebla Azul | black, 11.5 to 1 |
| 13 | `#c3cfd0` | `oklch(84.51% 0.0124 209.37)` | Lark Wing | black, 13.1 to 1 |
| 14 | `#cfd7d9` | `oklch(87.45% 0.0091 211.82)` | Pond Frost | black, 14.4 to 1 |
| 15 | `#d7dddf` | `oklch(89.40% 0.0065 213.48)` | Ocean Crest | black, 15.3 to 1 |
| 16 | `#dbdfe0` | `oklch(90.22% 0.0047 214.22)` | Drifting Cloud | black, 15.7 to 1 |
| 17 | `#dadedf` | `oklch(89.75% 0.0038 213.90)` | Cold Water | black, 15.4 to 1 |
| 18 | `#d4d8d9` | `oklch(87.93% 0.0038 212.52)` | Solemn Silence | black, 14.6 to 1 |
| 19 | `#cacecf` | `oklch(84.94% 0.0046 210.18)` | Whisper of Smoke | black, 13.2 to 1 |
| 20 | `#bcc2c2` | `oklch(80.93% 0.0060 207.03)` | Shallow Skies | black, 11.6 to 1 |
| 21 | `#acb3b3` | `oklch(76.08% 0.0080 203.21)` | High Rise | black, 9.8 to 1 |
| 22 | `#99a2a2` | `oklch(70.55% 0.0104 198.83)` | Grey River Rock | black, 8 to 1 |
| 23 | `#859090` | `oklch(64.52% 0.0132 194.06)` | Shady Grey | black, 6.4 to 1 |
| 24 | `#707e7d` | `oklch(58.15% 0.0162 189.00)` | Coney Island | black, 4.9 to 1 |
| 25 | `#5c6c69` | `oklch(51.61% 0.0194 183.81)` | Meteorological | white, 5.5 to 1 |
| 26 | `#485a56` | `oklch(45.07% 0.0226 178.62)` | Hostaleaf | white, 7.3 to 1 |
| 27 | `#364943` | `oklch(38.71% 0.0257 173.57)` | Rich Grey Turquoise | white, 9.5 to 1 |
| 28 | `#263932` | `oklch(32.68% 0.0287 168.78)` | Tetsu Black | white, 12.1 to 1 |
| 29 | `#172c23` | `oklch(27.16% 0.0315 164.39)` | Guerrilla Forest | white, 14.8 to 1 |
| 30 | `#0b2016` | `oklch(22.32% 0.0339 160.55)` | Nightmare | white, 17 to 1 |
| 31 | `#03170c` | `oklch(18.33% 0.0358 157.38)` | Pinch of Pepper | white, 18.5 to 1 |
| 32 | `#001005` | `oklch(15.35% 0.0372 155.02)` | Blackn’t | white, 19.4 to 1 |

## CSS

```css
background: linear-gradient(45deg, #003725 0.0%, #093d2d 3.2%, #164637 6.5%, #245144 9.7%, #345d53 12.9%, #456b63 16.1%, #577a75 19.4%, #6a8986 22.6%, #7e9998 25.8%, #91a8a8 29.0%, #a4b6b8 32.3%, #b5c3c5 35.5%, #c3cfd0 38.7%, #cfd7d9 41.9%, #d7dddf 45.2%, #dbdfe0 48.4%, #dadedf 51.6%, #d4d8d9 54.8%, #cacecf 58.1%, #bcc2c2 61.3%, #acb3b3 64.5%, #99a2a2 67.7%, #859090 71.0%, #707e7d 74.2%, #5c6c69 77.4%, #485a56 80.6%, #364943 83.9%, #263932 87.1%, #172c23 90.3%, #0b2016 93.5%, #03170c 96.8%, #001005 100.0%);
background: linear-gradient(45deg in oklch, oklch(29.92% 0.0633 164.51) 0.0%, oklch(32.37% 0.0611 166.55) 3.2%, oklch(35.72% 0.0580 169.30) 6.5%, oklch(39.83% 0.0543 172.66) 9.7%, oklch(44.52% 0.0500 176.51) 12.9%, oklch(49.65% 0.0454 180.71) 16.1%, oklch(55.06% 0.0405 185.14) 19.4%, oklch(60.59% 0.0355 189.68) 22.6%, oklch(66.07% 0.0304 194.18) 25.8%, oklch(71.37% 0.0255 198.53) 29.0%, oklch(76.31% 0.0207 202.60) 32.3%, oklch(80.74% 0.0164 206.25) 35.5%, oklch(84.51% 0.0124 209.37) 38.7%, oklch(87.45% 0.0091 211.82) 41.9%, oklch(89.40% 0.0065 213.48) 45.2%, oklch(90.22% 0.0047 214.22) 48.4%, oklch(89.75% 0.0038 213.90) 51.6%, oklch(87.93% 0.0038 212.52) 54.8%, oklch(84.94% 0.0046 210.18) 58.1%, oklch(80.93% 0.0060 207.03) 61.3%, oklch(76.08% 0.0080 203.21) 64.5%, oklch(70.55% 0.0104 198.83) 67.7%, oklch(64.52% 0.0132 194.06) 71.0%, oklch(58.15% 0.0162 189.00) 74.2%, oklch(51.61% 0.0194 183.81) 77.4%, oklch(45.07% 0.0226 178.62) 80.6%, oklch(38.71% 0.0257 173.57) 83.9%, oklch(32.68% 0.0287 168.78) 87.1%, oklch(27.16% 0.0315 164.39) 90.3%, oklch(22.32% 0.0339 160.55) 93.5%, oklch(18.33% 0.0358 157.38) 96.8%, oklch(15.35% 0.0372 155.02) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.299 | 0.063 | 164.5 |
| 2 | 0.902 | 0.004 | 214.2 |
| 3 | 0.154 | 0.037 | 155 |

## In these collections

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

## Other forms

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