# Deep green deep blue gradient

Dark green, gray and purple linear gradient with 32 colors: #1f3428, #22382c, #273d32, #2c4339, #334a42, #3a534b, #435b55, #4b645f, #546d6a, #5d7674, #657f7e, #6d8688, #748d91, #7b9398, #7f989e, #829aa3, #849ba6, #8399a7, #8196a6, #7f90a4, #7c8aa1, #79829c, #767a96, #73718f, #706887, #6d5e7e, #6a5674, #674d6b, #644662, #613f59, #5f3a52, #5d374d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Dark green, gray and purple linear gradient
- Seed: `kSTRlw1YtH7GXTg`
- Page: https://grabient.com/kSTRlw1YtH7GXTg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, neutral, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 4.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 | `#1f3428` | `oklch(30.31% 0.0344 158.20)` | Cardin Green | white, 13.2 to 1 |
| 2 | `#22382c` | `oklch(31.79% 0.0342 160.56)` | Palm Green | white, 12.5 to 1 |
| 3 | `#273d32` | `oklch(33.75% 0.0338 163.24)` | Celtic | white, 11.6 to 1 |
| 4 | `#2c4339` | `oklch(36.14% 0.0333 166.25)` | Mushiao Green | white, 10.6 to 1 |
| 5 | `#334a42` | `oklch(38.85% 0.0328 169.57)` | Garnet Black Green | white, 9.4 to 1 |
| 6 | `#3a534b` | `oklch(41.82% 0.0321 173.19)` | Sharknado | white, 8.3 to 1 |
| 7 | `#435b55` | `oklch(44.95% 0.0314 177.09)` | Canadian Fir | white, 7.3 to 1 |
| 8 | `#4b645f` | `oklch(48.17% 0.0308 181.26)` | Blue Fir | white, 6.3 to 1 |
| 9 | `#546d6a` | `oklch(51.39% 0.0302 185.69)` | Micropolis | white, 5.5 to 1 |
| 10 | `#5d7674` | `oklch(54.53% 0.0296 190.36)` | Paradise City | white, 4.8 to 1 |
| 11 | `#657f7e` | `oklch(57.51% 0.0292 195.27)` | Underwater World | black, 4.8 to 1 |
| 12 | `#6d8688` | `oklch(60.25% 0.0289 200.39)` | Hammock | black, 5.4 to 1 |
| 13 | `#748d91` | `oklch(62.66% 0.0288 205.72)` | Leisure Time | black, 5.9 to 1 |
| 14 | `#7b9398` | `oklch(64.66% 0.0289 211.25)` | Silent Tide | black, 6.4 to 1 |
| 15 | `#7f989e` | `oklch(66.16% 0.0293 216.96)` | Soul Quenching | black, 6.8 to 1 |
| 16 | `#829aa3` | `oklch(67.10% 0.0299 222.84)` | Miles | black, 7.1 to 1 |
| 17 | `#849ba6` | `oklch(67.38% 0.0308 228.97)` | Bali Hai | black, 7.1 to 1 |
| 18 | `#8399a7` | `oklch(67.04% 0.0322 235.85)` | Silver Storm | black, 7 to 1 |
| 19 | `#8196a6` | `oklch(66.15% 0.0339 243.46)` | Storm Petrel | black, 6.8 to 1 |
| 20 | `#7f90a4` | `oklch(64.79% 0.0359 251.65)` | Montage | black, 6.4 to 1 |
| 21 | `#7c8aa1` | `oklch(63.02% 0.0382 260.29)` | Gladeye | black, 6 to 1 |
| 22 | `#79829c` | `oklch(60.94% 0.0406 269.23)` | Tempest | black, 5.5 to 1 |
| 23 | `#767a96` | `oklch(58.61% 0.0432 278.35)` | Smokey Denim | black, 4.9 to 1 |
| 24 | `#73718f` | `oklch(56.11% 0.0459 287.49)` | Stormy Mauve | white, 4.6 to 1 |
| 25 | `#706887` | `oklch(53.51% 0.0486 296.53)` | Aromatic | white, 5.2 to 1 |
| 26 | `#6d5e7e` | `oklch(50.89% 0.0513 305.33)` | Princely Violet | white, 5.8 to 1 |
| 27 | `#6a5674` | `oklch(48.33% 0.0539 313.74)` | Basil Mauve | white, 6.6 to 1 |
| 28 | `#674d6b` | `oklch(45.89% 0.0563 321.63)` | Futaai Indigo | white, 7.3 to 1 |
| 29 | `#644662` | `oklch(43.67% 0.0585 328.87)` | Plum Rich | white, 8.1 to 1 |
| 30 | `#613f59` | `oklch(41.72% 0.0605 335.31)` | Mature Grape | white, 8.8 to 1 |
| 31 | `#5f3a52` | `oklch(40.13% 0.0621 340.81)` | Bruised Bear | white, 9.4 to 1 |
| 32 | `#5d374d` | `oklch(38.98% 0.0634 345.25)` | Ruby Violet | white, 9.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #1f3428 0.0%, #22382c 3.2%, #273d32 6.5%, #2c4339 9.7%, #334a42 12.9%, #3a534b 16.1%, #435b55 19.4%, #4b645f 22.6%, #546d6a 25.8%, #5d7674 29.0%, #657f7e 32.3%, #6d8688 35.5%, #748d91 38.7%, #7b9398 41.9%, #7f989e 45.2%, #829aa3 48.4%, #849ba6 51.6%, #8399a7 54.8%, #8196a6 58.1%, #7f90a4 61.3%, #7c8aa1 64.5%, #79829c 67.7%, #767a96 71.0%, #73718f 74.2%, #706887 77.4%, #6d5e7e 80.6%, #6a5674 83.9%, #674d6b 87.1%, #644662 90.3%, #613f59 93.5%, #5f3a52 96.8%, #5d374d 100.0%);
background: linear-gradient(135deg in oklch, oklch(30.31% 0.0344 158.20) 0.0%, oklch(31.79% 0.0342 160.56) 3.2%, oklch(33.75% 0.0338 163.24) 6.5%, oklch(36.14% 0.0333 166.25) 9.7%, oklch(38.85% 0.0328 169.57) 12.9%, oklch(41.82% 0.0321 173.19) 16.1%, oklch(44.95% 0.0314 177.09) 19.4%, oklch(48.17% 0.0308 181.26) 22.6%, oklch(51.39% 0.0302 185.69) 25.8%, oklch(54.53% 0.0296 190.36) 29.0%, oklch(57.51% 0.0292 195.27) 32.3%, oklch(60.25% 0.0289 200.39) 35.5%, oklch(62.66% 0.0288 205.72) 38.7%, oklch(64.66% 0.0289 211.25) 41.9%, oklch(66.16% 0.0293 216.96) 45.2%, oklch(67.10% 0.0299 222.84) 48.4%, oklch(67.38% 0.0308 228.97) 51.6%, oklch(67.04% 0.0322 235.85) 54.8%, oklch(66.15% 0.0339 243.46) 58.1%, oklch(64.79% 0.0359 251.65) 61.3%, oklch(63.02% 0.0382 260.29) 64.5%, oklch(60.94% 0.0406 269.23) 67.7%, oklch(58.61% 0.0432 278.35) 71.0%, oklch(56.11% 0.0459 287.49) 74.2%, oklch(53.51% 0.0486 296.53) 77.4%, oklch(50.89% 0.0513 305.33) 80.6%, oklch(48.33% 0.0539 313.74) 83.9%, oklch(45.89% 0.0563 321.63) 87.1%, oklch(43.67% 0.0585 328.87) 90.3%, oklch(41.72% 0.0605 335.31) 93.5%, oklch(40.13% 0.0621 340.81) 96.8%, oklch(38.98% 0.0634 345.25) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.303 | 0.034 | 158.2 |
| 2 | 0.673 | 0.03 | 225.8 |
| 3 | 0.39 | 0.063 | 345.2 |

## In these collections

- [Poetcore](https://grabient.com/poetcore)

## Other forms

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