# Black and turquoise gradient

Monochrome black to teal linear gradient with 32 colors: #030607, #030808, #030a0b, #020d0e, #021011, #011415, #001819, #001c1e, #002123, #002628, #002c2e, #003234, #00393a, #004041, #004848, #004f4f, #005757, #00605f, #006967, #00726f, #007b78, #008580, #008e89, #009791, #00a199, #1faaa1, #33b4a9, #44bdb2, #52c6b9, #5fcec0, #69d4c6, #70d9cb. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome black to teal linear gradient
- Seed: `kWHgeOHA6_7MdP1OqD9aCS_Q`
- Page: https://grabient.com/kWHgeOHA6_7MdP1OqD9aCS_Q?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark to light, vivid, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 12 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 | `#030607` | `oklch(11.81% 0.0096 199.69)` | Black Metal | white, 20.3 to 1 |
| 2 | `#030808` | `oklch(12.57% 0.0120 199.73)` | Black Metal | white, 20.1 to 1 |
| 3 | `#030a0b` | `oklch(13.53% 0.0151 199.82)` | Reversed Grey | white, 19.9 to 1 |
| 4 | `#020d0e` | `oklch(14.67% 0.0187 199.93)` | Dark Side of the Moon | white, 19.7 to 1 |
| 5 | `#021011` | `oklch(15.97% 0.0228 200.03)` | Black Glaze | white, 19.3 to 1 |
| 6 | `#011415` | `oklch(17.42% 0.0273 200.08)` | Black Glaze | white, 18.8 to 1 |
| 7 | `#001819` | `oklch(19.00% 0.0319 200.05)` | Black Stallion | white, 18.3 to 1 |
| 8 | `#001c1e` | `oklch(20.72% 0.0352 199.98)` | Black Stallion | white, 17.6 to 1 |
| 9 | `#002123` | `oklch(22.53% 0.0383 199.66)` | Stellar Explorer | white, 16.9 to 1 |
| 10 | `#002628` | `oklch(24.50% 0.0416 199.18)` | Teal Spill | white, 16 to 1 |
| 11 | `#002c2e` | `oklch(26.64% 0.0453 198.57)` | Black Chasm | white, 14.9 to 1 |
| 12 | `#003234` | `oklch(28.91% 0.0492 197.87)` | Roof Tile Green | white, 13.8 to 1 |
| 13 | `#00393a` | `oklch(31.31% 0.0533 197.10)` | Customs Green | white, 12.7 to 1 |
| 14 | `#004041` | `oklch(33.78% 0.0575 196.30)` | Rich Black | white, 11.5 to 1 |
| 15 | `#004848` | `oklch(36.32% 0.0619 195.51)` | Incubi Darkness | white, 10.4 to 1 |
| 16 | `#004f4f` | `oklch(38.88% 0.0664 194.76)` | Antique Turquoise | white, 9.3 to 1 |
| 17 | `#005757` | `oklch(41.46% 0.0709 194.06)` | Deep Sea Green | white, 8.3 to 1 |
| 18 | `#00605f` | `oklch(44.15% 0.0756 193.38)` | Mosque | white, 7.4 to 1 |
| 19 | `#006967` | `oklch(46.94% 0.0805 192.70)` | Chinese Garden | white, 6.5 to 1 |
| 20 | `#00726f` | `oklch(49.79% 0.0855 192.02)` | Reef | white, 5.7 to 1 |
| 21 | `#007b78` | `oklch(52.66% 0.0906 191.34)` | Surfie Green | white, 5.1 to 1 |
| 22 | `#008580` | `oklch(55.54% 0.0957 190.65)` | Egyptian Green | black, 4.6 to 1 |
| 23 | `#008e89` | `oklch(58.37% 0.1008 189.97)` | Aqua Experience | black, 5.2 to 1 |
| 24 | `#009791` | `oklch(61.14% 0.1058 189.29)` | Columbia | black, 5.8 to 1 |
| 25 | `#00a199` | `oklch(63.90% 0.1108 188.59)` | Spectra Green | black, 6.5 to 1 |
| 26 | `#1faaa1` | `oklch(66.85% 0.1106 187.82)` | Tropical Hideaway | black, 7.3 to 1 |
| 27 | `#33b4a9` | `oklch(69.87% 0.1094 187.03)` | Island Moment | black, 8.2 to 1 |
| 28 | `#44bdb2` | `oklch(72.84% 0.1076 186.24)` | Arctic Green | black, 9.1 to 1 |
| 29 | `#52c6b9` | `oklch(75.65% 0.1055 185.50)` | Cockatoo | black, 10.1 to 1 |
| 30 | `#5fcec0` | `oklch(78.17% 0.1034 184.82)` | Kinetic Teal | black, 11 to 1 |
| 31 | `#69d4c6` | `oklch(80.29% 0.1017 184.26)` | Turquoise Twist | black, 11.8 to 1 |
| 32 | `#70d9cb` | `oklch(81.89% 0.1006 183.84)` | Mintos | black, 12.4 to 1 |

## CSS

```css
background: linear-gradient(180deg, #030607 0.0%, #030808 3.2%, #030a0b 6.5%, #020d0e 9.7%, #021011 12.9%, #011415 16.1%, #001819 19.4%, #001c1e 22.6%, #002123 25.8%, #002628 29.0%, #002c2e 32.3%, #003234 35.5%, #00393a 38.7%, #004041 41.9%, #004848 45.2%, #004f4f 48.4%, #005757 51.6%, #00605f 54.8%, #006967 58.1%, #00726f 61.3%, #007b78 64.5%, #008580 67.7%, #008e89 71.0%, #009791 74.2%, #00a199 77.4%, #1faaa1 80.6%, #33b4a9 83.9%, #44bdb2 87.1%, #52c6b9 90.3%, #5fcec0 93.5%, #69d4c6 96.8%, #70d9cb 100.0%);
background: linear-gradient(180deg in oklch, oklch(11.81% 0.0096 199.69) 0.0%, oklch(12.57% 0.0120 199.73) 3.2%, oklch(13.53% 0.0151 199.82) 6.5%, oklch(14.67% 0.0187 199.93) 9.7%, oklch(15.97% 0.0228 200.03) 12.9%, oklch(17.42% 0.0273 200.08) 16.1%, oklch(19.00% 0.0319 200.05) 19.4%, oklch(20.72% 0.0352 199.98) 22.6%, oklch(22.53% 0.0383 199.66) 25.8%, oklch(24.50% 0.0416 199.18) 29.0%, oklch(26.64% 0.0453 198.57) 32.3%, oklch(28.91% 0.0492 197.87) 35.5%, oklch(31.31% 0.0533 197.10) 38.7%, oklch(33.78% 0.0575 196.30) 41.9%, oklch(36.32% 0.0619 195.51) 45.2%, oklch(38.88% 0.0664 194.76) 48.4%, oklch(41.46% 0.0709 194.06) 51.6%, oklch(44.15% 0.0756 193.38) 54.8%, oklch(46.94% 0.0805 192.70) 58.1%, oklch(49.79% 0.0855 192.02) 61.3%, oklch(52.66% 0.0906 191.34) 64.5%, oklch(55.54% 0.0957 190.65) 67.7%, oklch(58.37% 0.1008 189.97) 71.0%, oklch(61.14% 0.1058 189.29) 74.2%, oklch(63.90% 0.1108 188.59) 77.4%, oklch(66.85% 0.1106 187.82) 80.6%, oklch(69.87% 0.1094 187.03) 83.9%, oklch(72.84% 0.1076 186.24) 87.1%, oklch(75.65% 0.1055 185.50) 90.3%, oklch(78.17% 0.1034 184.82) 93.5%, oklch(80.29% 0.1017 184.26) 96.8%, oklch(81.89% 0.1006 183.84) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.118 | 0.01 | 199.7 |
| 2 | 0.22 | 0.04 | 199.7 |
| 3 | 0.402 | 0.08 | 194.4 |
| 4 | 0.618 | 0.11 | 189.1 |
| 5 | 0.819 | 0.101 | 183.8 |

## In these collections

- [Black Friday gradients](https://grabient.com/black-friday-gradients)

## Other forms

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