# Teal and green sweep

Teal, navy, green and black linear gradient with 32 colors: #4e756c, #456e69, #396364, #2d565e, #244856, #1e3b4d, #1a3146, #182b42, #182b43, #19324b, #1a4057, #1c5363, #24676e, #347a74, #488977, #589277, #5e9374, #5d8e70, #578569, #4d7861, #426a58, #375c4f, #2d4f47, #25443f, #1f3c3a, #193436, #132d32, #0f262d, #0c1f29, #0b1926, #0a1422, #09111f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Teal, navy, green and black linear gradient
- Seed: `kWhyJ_JBLJE6bNItDcLlovI4`
- Page: https://grabient.com/kWhyJ_JBLJE6bNItDcLlovI4?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: light center, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 5.3 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 | `#4e756c` | `oklch(53.15% 0.0469 178.59)` | Tandayapa Cloud Forest | white, 5.1 to 1 |
| 2 | `#456e69` | `oklch(50.74% 0.0470 186.03)` | Farrago | white, 5.6 to 1 |
| 3 | `#396364` | `oklch(47.07% 0.0471 197.30)` | Pyrite Green | white, 6.6 to 1 |
| 4 | `#2d565e` | `oklch(42.68% 0.0473 210.80)` | Frozen Stream | white, 8 to 1 |
| 5 | `#244856` | `oklch(38.09% 0.0475 224.92)` | Mallard | white, 9.8 to 1 |
| 6 | `#1e3b4d` | `oklch(33.85% 0.0479 238.03)` | Subterranean River | white, 11.7 to 1 |
| 7 | `#1a3146` | `oklch(30.49% 0.0487 248.52)` | NATO Blue | white, 13.3 to 1 |
| 8 | `#182b42` | `oklch(28.55% 0.0498 254.79)` | Eternal Darkness | white, 14.3 to 1 |
| 9 | `#182b43` | `oklch(28.58% 0.0515 255.19)` | Eternal Darkness | white, 14.3 to 1 |
| 10 | `#19324b` | `oklch(31.09% 0.0543 248.73)` | Sea of Stars | white, 13 to 1 |
| 11 | `#1a4057` | `oklch(35.59% 0.0582 236.85)` | Capital Blue | white, 10.9 to 1 |
| 12 | `#1c5363` | `oklch(41.32% 0.0625 221.46)` | Juggernaut | white, 8.5 to 1 |
| 13 | `#24676e` | `oklch(47.50% 0.0669 204.44)` | Mordant Blue | white, 6.4 to 1 |
| 14 | `#347a74` | `oklch(53.39% 0.0707 187.71)` | Myrtle Green | white, 5 to 1 |
| 15 | `#488977` | `oklch(58.22% 0.0734 173.15)` | Think Leaf | black, 5.1 to 1 |
| 16 | `#589277` | `oklch(61.23% 0.0746 162.68)` | Deep Grass Green | black, 5.8 to 1 |
| 17 | `#5e9374` | `oklch(61.78% 0.0737 157.68)` | Deep Grass Green | black, 5.9 to 1 |
| 18 | `#5d8e70` | `oklch(60.34% 0.0705 156.07)` | Murdoch | black, 5.5 to 1 |
| 19 | `#578569` | `oklch(57.43% 0.0658 156.97)` | Verdigris Roundhead | black, 4.9 to 1 |
| 20 | `#4d7861` | `oklch(53.48% 0.0600 159.94)` | Como | white, 5 to 1 |
| 21 | `#426a58` | `oklch(48.94% 0.0537 164.51)` | June Ivy | white, 6.1 to 1 |
| 22 | `#375c4f` | `oklch(44.25% 0.0475 170.23)` | Spectra | white, 7.4 to 1 |
| 23 | `#2d4f47` | `oklch(39.85% 0.0421 176.64)` | Hunt Club | white, 9 to 1 |
| 24 | `#25443f` | `oklch(36.18% 0.0380 183.29)` | Westhaven | white, 10.5 to 1 |
| 25 | `#1f3c3a` | `oklch(33.30% 0.0354 190.62)` | Nordic | white, 11.8 to 1 |
| 26 | `#193436` | `oklch(30.50% 0.0337 200.18)` | Elite Teal | white, 13.2 to 1 |
| 27 | `#132d32` | `oklch(27.79% 0.0327 211.28)` | Black Chasm | white, 14.5 to 1 |
| 28 | `#0f262d` | `oklch(25.23% 0.0322 223.08)` | Sunken Ship | white, 15.7 to 1 |
| 29 | `#0c1f29` | `oklch(22.89% 0.0320 234.77)` | The Count’s Black | white, 16.8 to 1 |
| 30 | `#0b1926` | `oklch(20.82% 0.0319 245.54)` | Creeping Death | white, 17.7 to 1 |
| 31 | `#0a1422` | `oklch(19.07% 0.0319 254.56)` | Creeping Death | white, 18.4 to 1 |
| 32 | `#09111f` | `oklch(17.72% 0.0317 261.02)` | Midnight Edition | white, 18.9 to 1 |

## CSS

```css
background: linear-gradient(315deg, #4e756c 0.0%, #456e69 3.2%, #396364 6.5%, #2d565e 9.7%, #244856 12.9%, #1e3b4d 16.1%, #1a3146 19.4%, #182b42 22.6%, #182b43 25.8%, #19324b 29.0%, #1a4057 32.3%, #1c5363 35.5%, #24676e 38.7%, #347a74 41.9%, #488977 45.2%, #589277 48.4%, #5e9374 51.6%, #5d8e70 54.8%, #578569 58.1%, #4d7861 61.3%, #426a58 64.5%, #375c4f 67.7%, #2d4f47 71.0%, #25443f 74.2%, #1f3c3a 77.4%, #193436 80.6%, #132d32 83.9%, #0f262d 87.1%, #0c1f29 90.3%, #0b1926 93.5%, #0a1422 96.8%, #09111f 100.0%);
background: linear-gradient(315deg in oklch, oklch(53.15% 0.0469 178.59) 0.0%, oklch(50.74% 0.0470 186.03) 3.2%, oklch(47.07% 0.0471 197.30) 6.5%, oklch(42.68% 0.0473 210.80) 9.7%, oklch(38.09% 0.0475 224.92) 12.9%, oklch(33.85% 0.0479 238.03) 16.1%, oklch(30.49% 0.0487 248.52) 19.4%, oklch(28.55% 0.0498 254.79) 22.6%, oklch(28.58% 0.0515 255.19) 25.8%, oklch(31.09% 0.0543 248.73) 29.0%, oklch(35.59% 0.0582 236.85) 32.3%, oklch(41.32% 0.0625 221.46) 35.5%, oklch(47.50% 0.0669 204.44) 38.7%, oklch(53.39% 0.0707 187.71) 41.9%, oklch(58.22% 0.0734 173.15) 45.2%, oklch(61.23% 0.0746 162.68) 48.4%, oklch(61.78% 0.0737 157.68) 51.6%, oklch(60.34% 0.0705 156.07) 54.8%, oklch(57.43% 0.0658 156.97) 58.1%, oklch(53.48% 0.0600 159.94) 61.3%, oklch(48.94% 0.0537 164.51) 64.5%, oklch(44.25% 0.0475 170.23) 67.7%, oklch(39.85% 0.0421 176.64) 71.0%, oklch(36.18% 0.0380 183.29) 74.2%, oklch(33.30% 0.0354 190.62) 77.4%, oklch(30.50% 0.0337 200.18) 80.6%, oklch(27.79% 0.0327 211.28) 83.9%, oklch(25.23% 0.0322 223.08) 87.1%, oklch(22.89% 0.0320 234.77) 90.3%, oklch(20.82% 0.0319 245.54) 93.5%, oklch(19.07% 0.0319 254.56) 96.8%, oklch(17.72% 0.0317 261.02) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.531 | 0.047 | 178.6 |
| 2 | 0.283 | 0.051 | 255.7 |
| 3 | 0.618 | 0.074 | 159.6 |
| 4 | 0.354 | 0.037 | 184.9 |
| 5 | 0.177 | 0.032 | 261 |

## In these collections

- [Jade rabbit moonlight](https://grabient.com/jade-rabbit-moonlight)

## Other forms

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