# Dark teal turquoise gradient

Tritone purple, blue and teal linear gradient with 21 colors: #593041, #4e304c, #3a3255, #293658, #1e3b60, #12416a, #014873, #00517a, #015b83, #01668b, #007193, #007e9b, #008ca3, #009baa, #01acb2, #00beba, #00d3c1, #0fe6c6, #2bf4cb, #3dfed1, #78ffd8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone purple, blue and teal linear gradient
- Seed: `kcXS78Kxa17CiPQ7I76yCU99eqvXqN72dDs_Q`
- Page: https://grabient.com/kcXS78Kxa17CiPQ7I76yCU99eqvXqN72dDs_Q?steps=21&angle=180
- Drawn as: linear gradient, 21 steps, 180 degrees
- Kinds: dark to light, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.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 | `#593041` | `oklch(36.61% 0.0634 354.38)` | Fig | white, 10.9 to 1 |
| 2 | `#4e304c` | `oklch(35.57% 0.0617 328.64)` | Grimace | white, 11.3 to 1 |
| 3 | `#3a3255` | `oklch(34.25% 0.0600 293.43)` | Naggaroth Night | white, 11.8 to 1 |
| 4 | `#293658` | `oklch(33.91% 0.0629 267.24)` | Midnight Escapade | white, 11.8 to 1 |
| 5 | `#1e3b60` | `oklch(34.89% 0.0736 255.12)` | Navy Peony | white, 11.3 to 1 |
| 6 | `#12416a` | `oklch(36.66% 0.0869 249.23)` | Blue Opal | white, 10.5 to 1 |
| 7 | `#014873` | `oklch(38.85% 0.0952 243.94)` | Medici Blue | white, 9.5 to 1 |
| 8 | `#00517a` | `oklch(41.54% 0.0955 240.24)` | Silk Jewel | white, 8.5 to 1 |
| 9 | `#015b83` | `oklch(44.61% 0.0974 237.26)` | High Profile | white, 7.4 to 1 |
| 10 | `#01668b` | `oklch(47.87% 0.0983 232.81)` | Pulsating Blue | white, 6.4 to 1 |
| 11 | `#007193` | `oklch(51.33% 0.0992 227.17)` | Tropic Sea | white, 5.5 to 1 |
| 12 | `#007e9b` | `oklch(55.03% 0.1008 220.88)` | Amazing Sky | white, 4.6 to 1 |
| 13 | `#008ca3` | `oklch(58.97% 0.1037 214.09)` | Parrot Flight | black, 5.2 to 1 |
| 14 | `#009baa` | `oklch(63.14% 0.1082 206.60)` | Turkish Boy | black, 6.3 to 1 |
| 15 | `#01acb2` | `oklch(67.57% 0.1147 199.01)` | Greenland Green | black, 7.5 to 1 |
| 16 | `#00beba` | `oklch(72.53% 0.1247 191.48)` | Jade Gravel | black, 9.1 to 1 |
| 17 | `#00d3c1` | `oklch(78.01% 0.1384 183.75)` | Turquoise Panic | black, 11.1 to 1 |
| 18 | `#0fe6c6` | `oklch(82.88% 0.1517 177.51)` | Fake Jade | black, 13.1 to 1 |
| 19 | `#2bf4cb` | `oklch(86.57% 0.1581 174.00)` | Bright Teal | black, 14.8 to 1 |
| 20 | `#3dfed1` | `oklch(89.43% 0.1610 172.43)` | Move Mint | black, 16.2 to 1 |
| 21 | `#78ffd8` | `oklch(91.34% 0.1323 171.56)` | Hiroshima Aquamarine | black, 17 to 1 |

## CSS

```css
background: linear-gradient(180deg, #593041 0.0%, #4e304c 5.0%, #3a3255 10.0%, #293658 15.0%, #1e3b60 20.0%, #12416a 25.0%, #014873 30.0%, #00517a 35.0%, #015b83 40.0%, #01668b 45.0%, #007193 50.0%, #007e9b 55.0%, #008ca3 60.0%, #009baa 65.0%, #01acb2 70.0%, #00beba 75.0%, #00d3c1 80.0%, #0fe6c6 85.0%, #2bf4cb 90.0%, #3dfed1 95.0%, #78ffd8 100.0%);
background: linear-gradient(180deg in oklch, oklch(36.61% 0.0634 354.38) 0.0%, oklch(35.57% 0.0617 328.64) 5.0%, oklch(34.25% 0.0600 293.43) 10.0%, oklch(33.91% 0.0629 267.24) 15.0%, oklch(34.89% 0.0736 255.12) 20.0%, oklch(36.66% 0.0869 249.23) 25.0%, oklch(38.85% 0.0952 243.94) 30.0%, oklch(41.54% 0.0955 240.24) 35.0%, oklch(44.61% 0.0974 237.26) 40.0%, oklch(47.87% 0.0983 232.81) 45.0%, oklch(51.33% 0.0992 227.17) 50.0%, oklch(55.03% 0.1008 220.88) 55.0%, oklch(58.97% 0.1037 214.09) 60.0%, oklch(63.14% 0.1082 206.60) 65.0%, oklch(67.57% 0.1147 199.01) 70.0%, oklch(72.53% 0.1247 191.48) 75.0%, oklch(78.01% 0.1384 183.75) 80.0%, oklch(82.88% 0.1517 177.51) 85.0%, oklch(86.57% 0.1581 174.00) 90.0%, oklch(89.43% 0.1610 172.43) 95.0%, oklch(91.34% 0.1323 171.56) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.366 | 0.063 | 354.4 |
| 2 | 0.339 | 0.062 | 269.8 |
| 3 | 0.382 | 0.094 | 245.5 |
| 4 | 0.465 | 0.098 | 235 |
| 5 | 0.567 | 0.102 | 218.1 |
| 6 | 0.689 | 0.117 | 196.9 |
| 7 | 0.835 | 0.153 | 176.8 |
| 8 | 0.913 | 0.163 | 171.6 |

## In these collections

- [Aurora gradients](https://grabient.com/aurora-gradients)

## Other forms

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