# Teal blue lavender hush

Dark green, teal, blue and purple linear gradient with 32 colors: #113828, #123b2b, #143f2f, #164334, #184839, #1a4e40, #1c5446, #1e5a4d, #1f6054, #1f655c, #1f6a63, #1e6d69, #1d7170, #1d7377, #1e767e, #207885, #23798c, #277b93, #2c7c9a, #327da1, #387ea8, #3e7eb0, #457eb8, #4e7ec0, #587dc9, #637cd1, #6f7ad7, #7b77dd, #8675e1, #9172e3, #9a6fe4, #a16de5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Dark green, teal, blue and purple linear gradient
- Seed: `kUTiZ0PRrC0ikRnRwEbg`
- Page: https://grabient.com/kUTiZ0PRrC0ikRnRwEbg?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, vivid, cool, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 3.6 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 | `#113828` | `oklch(30.71% 0.0524 163.12)` | Deep Fir | white, 12.9 to 1 |
| 2 | `#123b2b` | `oklch(31.74% 0.0535 164.39)` | Deep Fir | white, 12.5 to 1 |
| 3 | `#143f2f` | `oklch(33.10% 0.0550 165.84)` | Mizukaze Green | white, 11.8 to 1 |
| 4 | `#164334` | `oklch(34.72% 0.0567 167.49)` | Sherwood Green | white, 11.1 to 1 |
| 5 | `#184839` | `oklch(36.53% 0.0586 169.36)` | Sherwood Green | white, 10.3 to 1 |
| 6 | `#1a4e40` | `oklch(38.47% 0.0607 171.47)` | English Green | white, 9.5 to 1 |
| 7 | `#1c5446` | `oklch(40.47% 0.0629 173.83)` | Bagpiper | white, 8.7 to 1 |
| 8 | `#1e5a4d` | `oklch(42.44% 0.0652 176.46)` | Country Meadow | white, 8 to 1 |
| 9 | `#1f6054` | `oklch(44.34% 0.0676 179.39)` | Teal Drama | white, 7.3 to 1 |
| 10 | `#1f655c` | `oklch(46.08% 0.0699 182.62)` | Eucalyptus Green | white, 6.8 to 1 |
| 11 | `#1f6a63` | `oklch(47.59% 0.0723 186.17)` | Galapagos Green | white, 6.4 to 1 |
| 12 | `#1e6d69` | `oklch(48.85% 0.0745 190.10)` | Mosaic Tile | white, 6 to 1 |
| 13 | `#1d7170` | `oklch(49.98% 0.0764 194.51)` | Marine Wonder | white, 5.7 to 1 |
| 14 | `#1d7377` | `oklch(51.00% 0.0781 199.33)` | Poseidon’s Castle | white, 5.5 to 1 |
| 15 | `#1e767e` | `oklch(51.94% 0.0798 204.49)` | Blue Kelp | white, 5.3 to 1 |
| 16 | `#207885` | `oklch(52.79% 0.0816 209.93)` | Blue Kelp | white, 5.1 to 1 |
| 17 | `#23798c` | `oklch(53.59% 0.0836 215.56)` | Adventure | white, 4.9 to 1 |
| 18 | `#277b93` | `oklch(54.35% 0.0859 221.33)` | Turkish Stone | white, 4.8 to 1 |
| 19 | `#2c7c9a` | `oklch(55.09% 0.0887 227.14)` | Valley of Glaciers | white, 4.7 to 1 |
| 20 | `#327da1` | `oklch(55.83% 0.0920 232.94)` | Prominent Blue | white, 4.5 to 1 |
| 21 | `#387ea8` | `oklch(56.57% 0.0961 238.66)` | Beijing Blue | black, 4.6 to 1 |
| 22 | `#3e7eb0` | `oklch(57.35% 0.1010 244.26)` | Beijing Blue | black, 4.8 to 1 |
| 23 | `#457eb8` | `oklch(58.15% 0.1072 250.24)` | Parkwater | black, 4.9 to 1 |
| 24 | `#4e7ec0` | `oklch(58.96% 0.1147 256.63)` | Blue Iolite | black, 5 to 1 |
| 25 | `#587dc9` | `oklch(59.77% 0.1231 263.24)` | Serenity’s Reign | black, 5.2 to 1 |
| 26 | `#637cd1` | `oklch(60.56% 0.1319 269.92)` | Indigo Light | black, 5.3 to 1 |
| 27 | `#6f7ad7` | `oklch(61.32% 0.1409 276.48)` | Kickstart Purple | black, 5.4 to 1 |
| 28 | `#7b77dd` | `oklch(62.04% 0.1498 282.76)` | Hera Blue | black, 5.5 to 1 |
| 29 | `#8675e1` | `oklch(62.69% 0.1581 288.58)` | Matt Purple | black, 5.6 to 1 |
| 30 | `#9172e3` | `oklch(63.28% 0.1655 293.77)` | Matt Purple | black, 5.7 to 1 |
| 31 | `#9a6fe4` | `oklch(63.78% 0.1717 298.15)` | Matt Purple | black, 5.7 to 1 |
| 32 | `#a16de5` | `oklch(64.17% 0.1764 301.56)` | Violet Voltage | black, 5.8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #113828 0.0%, #123b2b 3.2%, #143f2f 6.5%, #164334 9.7%, #184839 12.9%, #1a4e40 16.1%, #1c5446 19.4%, #1e5a4d 22.6%, #1f6054 25.8%, #1f655c 29.0%, #1f6a63 32.3%, #1e6d69 35.5%, #1d7170 38.7%, #1d7377 41.9%, #1e767e 45.2%, #207885 48.4%, #23798c 51.6%, #277b93 54.8%, #2c7c9a 58.1%, #327da1 61.3%, #387ea8 64.5%, #3e7eb0 67.7%, #457eb8 71.0%, #4e7ec0 74.2%, #587dc9 77.4%, #637cd1 80.6%, #6f7ad7 83.9%, #7b77dd 87.1%, #8675e1 90.3%, #9172e3 93.5%, #9a6fe4 96.8%, #a16de5 100.0%);
background: linear-gradient(45deg in oklch, oklch(30.71% 0.0524 163.12) 0.0%, oklch(31.74% 0.0535 164.39) 3.2%, oklch(33.10% 0.0550 165.84) 6.5%, oklch(34.72% 0.0567 167.49) 9.7%, oklch(36.53% 0.0586 169.36) 12.9%, oklch(38.47% 0.0607 171.47) 16.1%, oklch(40.47% 0.0629 173.83) 19.4%, oklch(42.44% 0.0652 176.46) 22.6%, oklch(44.34% 0.0676 179.39) 25.8%, oklch(46.08% 0.0699 182.62) 29.0%, oklch(47.59% 0.0723 186.17) 32.3%, oklch(48.85% 0.0745 190.10) 35.5%, oklch(49.98% 0.0764 194.51) 38.7%, oklch(51.00% 0.0781 199.33) 41.9%, oklch(51.94% 0.0798 204.49) 45.2%, oklch(52.79% 0.0816 209.93) 48.4%, oklch(53.59% 0.0836 215.56) 51.6%, oklch(54.35% 0.0859 221.33) 54.8%, oklch(55.09% 0.0887 227.14) 58.1%, oklch(55.83% 0.0920 232.94) 61.3%, oklch(56.57% 0.0961 238.66) 64.5%, oklch(57.35% 0.1010 244.26) 67.7%, oklch(58.15% 0.1072 250.24) 71.0%, oklch(58.96% 0.1147 256.63) 74.2%, oklch(59.77% 0.1231 263.24) 77.4%, oklch(60.56% 0.1319 269.92) 80.6%, oklch(61.32% 0.1409 276.48) 83.9%, oklch(62.04% 0.1498 282.76) 87.1%, oklch(62.69% 0.1581 288.58) 90.3%, oklch(63.28% 0.1655 293.77) 93.5%, oklch(63.78% 0.1717 298.15) 96.8%, oklch(64.17% 0.1764 301.56) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.307 | 0.052 | 163.1 |
| 2 | 0.48 | 0.073 | 187.4 |
| 3 | 0.571 | 0.099 | 242.4 |
| 4 | 0.642 | 0.176 | 301.6 |

## In these collections

- [Frosted eucalyptus](https://grabient.com/frosted-eucalyptus)

## Other forms

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