# Dark green, gray and teal angular gradient

Dark green, gray and teal angular gradient with 32 colors: #1f312b, #20322d, #21342f, #223631, #233833, #253a36, #273c39, #293e3c, #2b413f, #2d4342, #304645, #324848, #354b4b, #394d4e, #3d5051, #405354, #445657, #48595a, #4b5b5d, #4e5e5f, #506162, #526365, #536667, #53696a, #536b6c, #526e6e, #527170, #517371, #4f7672, #4e7873, #4e7974, #4d7b74. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUSxN7MApCb2HwPFkr3A`
- Page: https://grabient.com/kUSxN7MApCb2HwPFkr3A?style=angularGradient&steps=32&angle=225
- Drawn as: angular gradient, 32 steps, 225 degrees
- Kinds: muted, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2.8 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 | `#1f312b` | `oklch(29.53% 0.0262 172.97)` | Lacquer Green | white, 13.7 to 1 |
| 2 | `#20322d` | `oklch(29.99% 0.0263 174.23)` | Lacquer Green | white, 13.4 to 1 |
| 3 | `#21342f` | `oklch(30.57% 0.0265 175.92)` | Holly | white, 13.2 to 1 |
| 4 | `#223631` | `oklch(31.25% 0.0267 177.94)` | Fait Accompli | white, 12.8 to 1 |
| 5 | `#233833` | `oklch(32.02% 0.0270 180.20)` | Kōrainando Green | white, 12.5 to 1 |
| 6 | `#253a36` | `oklch(32.85% 0.0273 182.60)` | Kōrainando Green | white, 12.1 to 1 |
| 7 | `#273c39` | `oklch(33.74% 0.0275 185.06)` | Scarab | white, 11.7 to 1 |
| 8 | `#293e3c` | `oklch(34.66% 0.0277 187.48)` | Sunken Cascades | white, 11.3 to 1 |
| 9 | `#2b413f` | `oklch(35.61% 0.0278 189.77)` | Liquorice Green | white, 10.8 to 1 |
| 10 | `#2d4342` | `oklch(36.55% 0.0278 191.84)` | Deep River Green | white, 10.4 to 1 |
| 11 | `#304645` | `oklch(37.49% 0.0276 193.60)` | Firefly | white, 10 to 1 |
| 12 | `#324848` | `oklch(38.42% 0.0273 195.06)` | Winter Balsam | white, 9.7 to 1 |
| 13 | `#354b4b` | `oklch(39.42% 0.0265 196.47)` | Tree Bark Green | white, 9.3 to 1 |
| 14 | `#394d4e` | `oklch(40.48% 0.0254 197.84)` | Mechanicus Standard Grey | white, 8.9 to 1 |
| 15 | `#3d5051` | `oklch(41.57% 0.0242 199.11)` | Thermal | white, 8.5 to 1 |
| 16 | `#405354` | `oklch(42.68% 0.0229 200.26)` | Finnegan | white, 8.1 to 1 |
| 17 | `#445657` | `oklch(43.79% 0.0217 201.24)` | Asagi Koi | white, 7.7 to 1 |
| 18 | `#48595a` | `oklch(44.88% 0.0207 202.02)` | Sabionando Grey | white, 7.4 to 1 |
| 19 | `#4b5b5d` | `oklch(45.93% 0.0200 202.57)` | Still Waters Run Deep | white, 7 to 1 |
| 20 | `#4e5e5f` | `oklch(46.93% 0.0198 202.83)` | Still Waters Run Deep | white, 6.7 to 1 |
| 21 | `#506162` | `oklch(47.86% 0.0201 202.78)` | Calcite Grey Green | white, 6.5 to 1 |
| 22 | `#526365` | `oklch(48.70% 0.0211 202.37)` | Wellington | white, 6.2 to 1 |
| 23 | `#536667` | `oklch(49.50% 0.0230 201.40)` | Iron Creek | white, 6 to 1 |
| 24 | `#53696a` | `oklch(50.26% 0.0256 199.93)` | Rookwood Sash Green | white, 5.8 to 1 |
| 25 | `#536b6c` | `oklch(51.00% 0.0288 198.08)` | Blue Ballet | white, 5.6 to 1 |
| 26 | `#526e6e` | `oklch(51.69% 0.0323 195.97)` | Silver Pine | white, 5.4 to 1 |
| 27 | `#527170` | `oklch(52.34% 0.0360 193.72)` | Stone Bridge | white, 5.3 to 1 |
| 28 | `#517371` | `oklch(52.94% 0.0397 191.45)` | Evening Emerald | white, 5.1 to 1 |
| 29 | `#4f7672` | `oklch(53.49% 0.0433 189.29)` | Sagebrush Green | white, 5 to 1 |
| 30 | `#4e7873` | `oklch(53.97% 0.0465 187.34)` | Sea Pea | white, 4.9 to 1 |
| 31 | `#4e7974` | `oklch(54.38% 0.0491 185.73)` | Breaker Bay | white, 4.8 to 1 |
| 32 | `#4d7b74` | `oklch(54.72% 0.0510 184.59)` | Breaker Bay | white, 4.7 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #1f312b 0.0%, #20322d 3.2%, #21342f 6.5%, #223631 9.7%, #233833 12.9%, #253a36 16.1%, #273c39 19.4%, #293e3c 22.6%, #2b413f 25.8%, #2d4342 29.0%, #304645 32.3%, #324848 35.5%, #354b4b 38.7%, #394d4e 41.9%, #3d5051 45.2%, #405354 48.4%, #445657 51.6%, #48595a 54.8%, #4b5b5d 58.1%, #4e5e5f 61.3%, #506162 64.5%, #526365 67.7%, #536667 71.0%, #53696a 74.2%, #536b6c 77.4%, #526e6e 80.6%, #527170 83.9%, #517371 87.1%, #4f7672 90.3%, #4e7873 93.5%, #4e7974 96.8%, #4d7b74 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(29.53% 0.0262 172.97) 0.0%, oklch(29.99% 0.0263 174.23) 3.2%, oklch(30.57% 0.0265 175.92) 6.5%, oklch(31.25% 0.0267 177.94) 9.7%, oklch(32.02% 0.0270 180.20) 12.9%, oklch(32.85% 0.0273 182.60) 16.1%, oklch(33.74% 0.0275 185.06) 19.4%, oklch(34.66% 0.0277 187.48) 22.6%, oklch(35.61% 0.0278 189.77) 25.8%, oklch(36.55% 0.0278 191.84) 29.0%, oklch(37.49% 0.0276 193.60) 32.3%, oklch(38.42% 0.0273 195.06) 35.5%, oklch(39.42% 0.0265 196.47) 38.7%, oklch(40.48% 0.0254 197.84) 41.9%, oklch(41.57% 0.0242 199.11) 45.2%, oklch(42.68% 0.0229 200.26) 48.4%, oklch(43.79% 0.0217 201.24) 51.6%, oklch(44.88% 0.0207 202.02) 54.8%, oklch(45.93% 0.0200 202.57) 58.1%, oklch(46.93% 0.0198 202.83) 61.3%, oklch(47.86% 0.0201 202.78) 64.5%, oklch(48.70% 0.0211 202.37) 67.7%, oklch(49.50% 0.0230 201.40) 71.0%, oklch(50.26% 0.0256 199.93) 74.2%, oklch(51.00% 0.0288 198.08) 77.4%, oklch(51.69% 0.0323 195.97) 80.6%, oklch(52.34% 0.0360 193.72) 83.9%, oklch(52.94% 0.0397 191.45) 87.1%, oklch(53.49% 0.0433 189.29) 90.3%, oklch(53.97% 0.0465 187.34) 93.5%, oklch(54.38% 0.0491 185.73) 96.8%, oklch(54.72% 0.0510 184.59) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.295 | 0.026 | 173 |
| 2 | 0.378 | 0.028 | 194.1 |
| 3 | 0.484 | 0.021 | 202.6 |
| 4 | 0.547 | 0.051 | 184.6 |

## In these collections

- [Teal gradients](https://grabient.com/teal-gradients)

## Other forms

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