# Deep teal cobalt diagonal

Black, blue and green linear gradient with 40 colors: #01000c, #010010, #020014, #03001a, #040021, #060028, #080031, #0b003a, #0e0043, #12004d, #150058, #180162, #1b026d, #1e0478, #200782, #200d8c, #201396, #1d199f, #1820a6, #0b28ad, #0038a1, #004395, #004a8d, #005188, #005684, #005b81, #005f7e, #00647b, #006879, #006b77, #006f74, #007271, #00766d, #007969, #007c64, #007f5f, #008258, #1c8352, #30834f, #3b844d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, blue and green linear gradient
- Seed: `kSEyHGMMw-MYosm`
- Page: https://grabient.com/kSEyHGMMw-MYosm?steps=40&angle=225
- Drawn as: linear gradient, 40 steps, 225 degrees
- Kinds: dark to light, vivid, cool
- Hues: two-hue
- 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 | `#01000c` | `oklch(7.48% 0.0455 278.44)` | Benthic Black | white, 20.8 to 1 |
| 2 | `#010010` | `oklch(8.36% 0.0504 278.14)` | Benthic Black | white, 20.8 to 1 |
| 3 | `#020014` | `oklch(9.43% 0.0568 278.00)` | Benthic Black | white, 20.7 to 1 |
| 4 | `#03001a` | `oklch(10.65% 0.0643 277.97)` | Hadopelagic Water | white, 20.6 to 1 |
| 5 | `#040021` | `oklch(12.02% 0.0729 278.02)` | Hadopelagic Water | white, 20.4 to 1 |
| 6 | `#060028` | `oklch(13.51% 0.0823 278.12)` | Insomnia | white, 20.2 to 1 |
| 7 | `#080031` | `oklch(15.12% 0.0924 278.23)` | Erebus Blue | white, 19.9 to 1 |
| 8 | `#0b003a` | `oklch(16.82% 0.1030 278.31)` | Congressional Navy | white, 19.5 to 1 |
| 9 | `#0e0043` | `oklch(18.59% 0.1139 278.33)` | Floppy Disk | white, 19 to 1 |
| 10 | `#12004d` | `oklch(20.41% 0.1251 278.27)` | Silent Twilight | white, 18.5 to 1 |
| 11 | `#150058` | `oklch(22.24% 0.1364 278.11)` | Scoop of Dark Matter | white, 17.9 to 1 |
| 12 | `#180162` | `oklch(24.11% 0.1473 277.77)` | Darth Torus | white, 17.2 to 1 |
| 13 | `#1b026d` | `oklch(25.98% 0.1580 277.24)` | Bavarian Gentian | white, 16.4 to 1 |
| 14 | `#1e0478` | `oklch(27.84% 0.1681 276.48)` | Child of the Night | white, 15.6 to 1 |
| 15 | `#200782` | `oklch(29.65% 0.1775 275.46)` | Orbital Kingdom | white, 14.8 to 1 |
| 16 | `#200d8c` | `oklch(31.41% 0.1861 274.14)` | Nightly Expedition | white, 13.9 to 1 |
| 17 | `#201396` | `oklch(33.10% 0.1937 272.50)` | Blue Beetle | white, 13.1 to 1 |
| 18 | `#1d199f` | `oklch(34.70% 0.2000 270.49)` | Deepsea Kraken | white, 12.3 to 1 |
| 19 | `#1820a6` | `oklch(36.19% 0.2050 268.08)` | City Hunter Blue | white, 11.6 to 1 |
| 20 | `#0b28ad` | `oklch(37.56% 0.2084 265.24)` | International Blue | white, 10.9 to 1 |
| 21 | `#0038a1` | `oklch(38.80% 0.1785 261.93)` | Philippine Blue | white, 10.1 to 1 |
| 22 | `#004395` | `oklch(39.99% 0.1471 257.85)` | Fright Night | white, 9.4 to 1 |
| 23 | `#004a8d` | `oklch(41.16% 0.1272 253.08)` | Lady of the Night | white, 8.8 to 1 |
| 24 | `#005188` | `oklch(42.29% 0.1130 247.69)` | Snorkel Blue | white, 8.3 to 1 |
| 25 | `#005684` | `oklch(43.39% 0.1026 241.79)` | Beyond the Sea | white, 7.8 to 1 |
| 26 | `#005b81` | `oklch(44.45% 0.0949 235.45)` | Whale’s Tale | white, 7.4 to 1 |
| 27 | `#005f7e` | `oklch(45.48% 0.0894 228.76)` | Back of Beyond | white, 7.1 to 1 |
| 28 | `#00647b` | `oklch(46.48% 0.0858 221.81)` | Jamaican Dream | white, 6.7 to 1 |
| 29 | `#006879` | `oklch(47.44% 0.0837 214.69)` | Teal With It | white, 6.4 to 1 |
| 30 | `#006b77` | `oklch(48.35% 0.0830 207.47)` | Mary Blue | white, 6.2 to 1 |
| 31 | `#006f74` | `oklch(49.23% 0.0837 200.26)` | Active Turquoise | white, 5.9 to 1 |
| 32 | `#007271` | `oklch(50.07% 0.0857 193.12)` | Boating Green | white, 5.7 to 1 |
| 33 | `#00766d` | `oklch(50.86% 0.0891 186.16)` | Mermaid Harbour | white, 5.5 to 1 |
| 34 | `#007969` | `oklch(51.61% 0.0940 179.46)` | Shady Glade | white, 5.3 to 1 |
| 35 | `#007c64` | `oklch(52.32% 0.1004 173.10)` | Turquoise Cyan | white, 5.1 to 1 |
| 36 | `#007f5f` | `oklch(52.98% 0.1083 167.18)` | Spanish Viridian | white, 4.9 to 1 |
| 37 | `#008258` | `oklch(53.59% 0.1179 161.77)` | Irish Beauty | white, 4.8 to 1 |
| 38 | `#1c8352` | `oklch(54.15% 0.1188 156.97)` | Bold Irish | white, 4.7 to 1 |
| 39 | `#30834f` | `oklch(54.66% 0.1147 152.86)` | Monster Monstera | white, 4.6 to 1 |
| 40 | `#3b844d` | `oklch(55.12% 0.1116 149.51)` | Green Grass | white, 4.5 to 1 |

## CSS

```css
background: linear-gradient(225deg, #01000c 0.0%, #010010 2.6%, #020014 5.1%, #03001a 7.7%, #040021 10.3%, #060028 12.8%, #080031 15.4%, #0b003a 17.9%, #0e0043 20.5%, #12004d 23.1%, #150058 25.6%, #180162 28.2%, #1b026d 30.8%, #1e0478 33.3%, #200782 35.9%, #200d8c 38.5%, #201396 41.0%, #1d199f 43.6%, #1820a6 46.2%, #0b28ad 48.7%, #0038a1 51.3%, #004395 53.8%, #004a8d 56.4%, #005188 59.0%, #005684 61.5%, #005b81 64.1%, #005f7e 66.7%, #00647b 69.2%, #006879 71.8%, #006b77 74.4%, #006f74 76.9%, #007271 79.5%, #00766d 82.1%, #007969 84.6%, #007c64 87.2%, #007f5f 89.7%, #008258 92.3%, #1c8352 94.9%, #30834f 97.4%, #3b844d 100.0%);
background: linear-gradient(225deg in oklch, oklch(7.48% 0.0455 278.44) 0.0%, oklch(8.36% 0.0504 278.14) 2.6%, oklch(9.43% 0.0568 278.00) 5.1%, oklch(10.65% 0.0643 277.97) 7.7%, oklch(12.02% 0.0729 278.02) 10.3%, oklch(13.51% 0.0823 278.12) 12.8%, oklch(15.12% 0.0924 278.23) 15.4%, oklch(16.82% 0.1030 278.31) 17.9%, oklch(18.59% 0.1139 278.33) 20.5%, oklch(20.41% 0.1251 278.27) 23.1%, oklch(22.24% 0.1364 278.11) 25.6%, oklch(24.11% 0.1473 277.77) 28.2%, oklch(25.98% 0.1580 277.24) 30.8%, oklch(27.84% 0.1681 276.48) 33.3%, oklch(29.65% 0.1775 275.46) 35.9%, oklch(31.41% 0.1861 274.14) 38.5%, oklch(33.10% 0.1937 272.50) 41.0%, oklch(34.70% 0.2000 270.49) 43.6%, oklch(36.19% 0.2050 268.08) 46.2%, oklch(37.56% 0.2084 265.24) 48.7%, oklch(38.80% 0.1785 261.93) 51.3%, oklch(39.99% 0.1471 257.85) 53.8%, oklch(41.16% 0.1272 253.08) 56.4%, oklch(42.29% 0.1130 247.69) 59.0%, oklch(43.39% 0.1026 241.79) 61.5%, oklch(44.45% 0.0949 235.45) 64.1%, oklch(45.48% 0.0894 228.76) 66.7%, oklch(46.48% 0.0858 221.81) 69.2%, oklch(47.44% 0.0837 214.69) 71.8%, oklch(48.35% 0.0830 207.47) 74.4%, oklch(49.23% 0.0837 200.26) 76.9%, oklch(50.07% 0.0857 193.12) 79.5%, oklch(50.86% 0.0891 186.16) 82.1%, oklch(51.61% 0.0940 179.46) 84.6%, oklch(52.32% 0.1004 173.10) 87.2%, oklch(52.98% 0.1083 167.18) 89.7%, oklch(53.59% 0.1179 161.77) 92.3%, oklch(54.15% 0.1188 156.97) 94.9%, oklch(54.66% 0.1147 152.86) 97.4%, oklch(55.12% 0.1116 149.51) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.075 | 0.045 | 278.4 |
| 2 | 0.382 | 0.209 | 263.6 |
| 3 | 0.551 | 0.112 | 149.5 |

## In these collections

- [Dark gradients](https://grabient.com/dark-gradients)

## Other forms

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