# Seamless black, teal and blue angular gradient

Seamless black, teal and blue angular gradient with 48 colors: #192221, #1a2726, #1c2e2c, #1d3734, #1e413e, #1e4d48, #1e5852, #1c645d, #186f67, #13786f, #0c8077, #04857c, #00867e, #02847e, #0b7d7a, #157573, #1c6a6b, #205f61, #235356, #23484c, #233f42, #21373b, #203135, #1e2f33, #1c3036, #19353e, #153c4a, #0d455c, #005070, #005a86, #00659d, #006fb6, #0078cd, #067fe1, #0d83ed, #0586f2, #0086eb, #0084d9, #007ec2, #0077a9, #006c91, #00617a, #005565, #004952, #053d41, #133232, #172928, #192221. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kGRkiIUAhn4R0vNBAIbyEZIiE`
- Page: https://grabient.com/kGRkiIUAhn4R0vNBAIbyEZIiE?style=angularGradient&steps=48&angle=109
- Drawn as: angular gradient, 48 steps, 109 degrees
- Kinds: vivid, cool, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.4 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 | `#192221` | `oklch(24.28% 0.0130 188.00)` | Shadow Warrior | white, 16.2 to 1 |
| 2 | `#1a2726` | `oklch(26.04% 0.0177 187.88)` | Swamp Thing | white, 15.4 to 1 |
| 3 | `#1c2e2c` | `oklch(28.51% 0.0243 187.58)` | Ardósia | white, 14.2 to 1 |
| 4 | `#1d3734` | `oklch(31.52% 0.0324 187.17)` | Fait Accompli | white, 12.7 to 1 |
| 5 | `#1e413e` | `oklch(34.92% 0.0414 186.70)` | Pine Hollow | white, 11.1 to 1 |
| 6 | `#1e4d48` | `oklch(38.53% 0.0511 186.24)` | Nighthawks | white, 9.5 to 1 |
| 7 | `#1e5852` | `oklch(42.19% 0.0609 185.83)` | Forest Biome | white, 8.1 to 1 |
| 8 | `#1c645d` | `oklch(45.73% 0.0704 185.54)` | Abduction | white, 6.9 to 1 |
| 9 | `#186f67` | `oklch(48.99% 0.0791 185.42)` | Tide Pools | white, 6 to 1 |
| 10 | `#13786f` | `oklch(51.80% 0.0866 185.53)` | Pond Moss | white, 5.3 to 1 |
| 11 | `#0c8077` | `oklch(53.99% 0.0924 185.92)` | Autumn Pine Green | white, 4.8 to 1 |
| 12 | `#04857c` | `oklch(55.40% 0.0962 186.65)` | Ornamental Turquoise | black, 4.6 to 1 |
| 13 | `#00867e` | `oklch(55.86% 0.0972 187.78)` | Ornamental Turquoise | black, 4.7 to 1 |
| 14 | `#02847e` | `oklch(55.18% 0.0951 189.30)` | Egyptian Green | white, 4.5 to 1 |
| 15 | `#0b7d7a` | `oklch(53.51% 0.0898 191.15)` | Parasailing | white, 4.9 to 1 |
| 16 | `#157573` | `oklch(51.04% 0.0822 193.30)` | Artisan Green | white, 5.5 to 1 |
| 17 | `#1c6a6b` | `oklch(48.01% 0.0730 195.70)` | Mosaic Tile | white, 6.3 to 1 |
| 18 | `#205f61` | `oklch(44.63% 0.0628 198.30)` | Gulf Harbour | white, 7.3 to 1 |
| 19 | `#235356` | `oklch(41.12% 0.0525 201.06)` | Forbidden Forest | white, 8.5 to 1 |
| 20 | `#23484c` | `oklch(37.70% 0.0428 203.93)` | Everglade Deck | white, 9.9 to 1 |
| 21 | `#233f42` | `oklch(34.58% 0.0343 206.87)` | Sunken Cascades | white, 11.3 to 1 |
| 22 | `#21373b` | `oklch(31.98% 0.0279 209.84)` | Cruel Sea | white, 12.5 to 1 |
| 23 | `#203135` | `oklch(30.11% 0.0241 212.78)` | Freinacht Black | white, 13.4 to 1 |
| 24 | `#1e2f33` | `oklch(29.21% 0.0238 215.66)` | Freinacht Black | white, 13.9 to 1 |
| 25 | `#1c3036` | `oklch(29.47% 0.0279 218.54)` | Freinacht Black | white, 13.7 to 1 |
| 26 | `#19353e` | `oklch(30.97% 0.0370 222.01)` | Firmament Blue | white, 13 to 1 |
| 27 | `#153c4a` | `oklch(33.48% 0.0504 226.00)` | Subterranean River | white, 11.8 to 1 |
| 28 | `#0d455c` | `oklch(36.75% 0.0670 230.31)` | Sailor Blue | white, 10.3 to 1 |
| 29 | `#005070` | `oklch(40.56% 0.0857 234.75)` | Captain Blue | white, 8.8 to 1 |
| 30 | `#005a86` | `oklch(44.66% 0.1008 239.14)` | High Profile | white, 7.4 to 1 |
| 31 | `#00659d` | `oklch(48.81% 0.1185 243.22)` | Prime Blue | white, 6.2 to 1 |
| 32 | `#006fb6` | `oklch(52.76% 0.1383 246.84)` | Spanish Blue | white, 5.3 to 1 |
| 33 | `#0078cd` | `oklch(56.29% 0.1585 249.81)` | Science Blue | white, 4.6 to 1 |
| 34 | `#067fe1` | `oklch(59.15% 0.1746 251.91)` | Soothing Sapphire | black, 5.1 to 1 |
| 35 | `#0d83ed` | `oklch(61.10% 0.1840 252.97)` | Bubble Bobble P2 | black, 5.5 to 1 |
| 36 | `#0586f2` | `oklch(61.90% 0.1880 252.79)` | Too Blue to Be True | black, 5.6 to 1 |
| 37 | `#0086eb` | `oklch(61.39% 0.1790 251.10)` | Blue Cola | black, 5.6 to 1 |
| 38 | `#0084d9` | `oklch(59.73% 0.1597 247.72)` | Blue Cola | black, 5.2 to 1 |
| 39 | `#007ec2` | `oklch(57.13% 0.1380 242.96)` | Honolulu Blue | black, 4.7 to 1 |
| 40 | `#0077a9` | `oklch(53.79% 0.1176 237.12)` | Deluge | white, 5 to 1 |
| 41 | `#006c91` | `oklch(49.90% 0.1000 230.50)` | Pure Light Blue | white, 5.8 to 1 |
| 42 | `#00617a` | `oklch(45.68% 0.0854 223.41)` | Jamaican Dream | white, 7 to 1 |
| 43 | `#005565` | `oklch(41.31% 0.0734 216.16)` | Rainy Morning | white, 8.4 to 1 |
| 44 | `#004952` | `oklch(36.99% 0.0638 209.04)` | Midnight Green | white, 10.1 to 1 |
| 45 | `#053d41` | `oklch(32.93% 0.0535 202.34)` | Ghostlands Coal | white, 11.9 to 1 |
| 46 | `#133232` | `oklch(29.33% 0.0366 196.41)` | Storm Green | white, 13.7 to 1 |
| 47 | `#172928` | `oklch(26.38% 0.0228 191.53)` | Swamp Thing | white, 15.2 to 1 |
| 48 | `#192221` | `oklch(24.28% 0.0130 188.00)` | Shadow Warrior | white, 16.2 to 1 |

## CSS

```css
background: conic-gradient(from 109deg, #192221 0.0%, #1a2726 2.1%, #1c2e2c 4.3%, #1d3734 6.4%, #1e413e 8.5%, #1e4d48 10.6%, #1e5852 12.8%, #1c645d 14.9%, #186f67 17.0%, #13786f 19.1%, #0c8077 21.3%, #04857c 23.4%, #00867e 25.5%, #02847e 27.7%, #0b7d7a 29.8%, #157573 31.9%, #1c6a6b 34.0%, #205f61 36.2%, #235356 38.3%, #23484c 40.4%, #233f42 42.6%, #21373b 44.7%, #203135 46.8%, #1e2f33 48.9%, #1c3036 51.1%, #19353e 53.2%, #153c4a 55.3%, #0d455c 57.4%, #005070 59.6%, #005a86 61.7%, #00659d 63.8%, #006fb6 66.0%, #0078cd 68.1%, #067fe1 70.2%, #0d83ed 72.3%, #0586f2 74.5%, #0086eb 76.6%, #0084d9 78.7%, #007ec2 80.9%, #0077a9 83.0%, #006c91 85.1%, #00617a 87.2%, #005565 89.4%, #004952 91.5%, #053d41 93.6%, #133232 95.7%, #172928 97.9%, #192221 100.0%);
background: conic-gradient(from 109deg in oklch, oklch(24.28% 0.0130 188.00) 0.0%, oklch(26.04% 0.0177 187.88) 2.1%, oklch(28.51% 0.0243 187.58) 4.3%, oklch(31.52% 0.0324 187.17) 6.4%, oklch(34.92% 0.0414 186.70) 8.5%, oklch(38.53% 0.0511 186.24) 10.6%, oklch(42.19% 0.0609 185.83) 12.8%, oklch(45.73% 0.0704 185.54) 14.9%, oklch(48.99% 0.0791 185.42) 17.0%, oklch(51.80% 0.0866 185.53) 19.1%, oklch(53.99% 0.0924 185.92) 21.3%, oklch(55.40% 0.0962 186.65) 23.4%, oklch(55.86% 0.0972 187.78) 25.5%, oklch(55.18% 0.0951 189.30) 27.7%, oklch(53.51% 0.0898 191.15) 29.8%, oklch(51.04% 0.0822 193.30) 31.9%, oklch(48.01% 0.0730 195.70) 34.0%, oklch(44.63% 0.0628 198.30) 36.2%, oklch(41.12% 0.0525 201.06) 38.3%, oklch(37.70% 0.0428 203.93) 40.4%, oklch(34.58% 0.0343 206.87) 42.6%, oklch(31.98% 0.0279 209.84) 44.7%, oklch(30.11% 0.0241 212.78) 46.8%, oklch(29.21% 0.0238 215.66) 48.9%, oklch(29.47% 0.0279 218.54) 51.1%, oklch(30.97% 0.0370 222.01) 53.2%, oklch(33.48% 0.0504 226.00) 55.3%, oklch(36.75% 0.0670 230.31) 57.4%, oklch(40.56% 0.0857 234.75) 59.6%, oklch(44.66% 0.1008 239.14) 61.7%, oklch(48.81% 0.1185 243.22) 63.8%, oklch(52.76% 0.1383 246.84) 66.0%, oklch(56.29% 0.1585 249.81) 68.1%, oklch(59.15% 0.1746 251.91) 70.2%, oklch(61.10% 0.1840 252.97) 72.3%, oklch(61.90% 0.1880 252.79) 74.5%, oklch(61.39% 0.1790 251.10) 76.6%, oklch(59.73% 0.1597 247.72) 78.7%, oklch(57.13% 0.1380 242.96) 80.9%, oklch(53.79% 0.1176 237.12) 83.0%, oklch(49.90% 0.1000 230.50) 85.1%, oklch(45.68% 0.0854 223.41) 87.2%, oklch(41.31% 0.0734 216.16) 89.4%, oklch(36.99% 0.0638 209.04) 91.5%, oklch(32.93% 0.0535 202.34) 93.6%, oklch(29.33% 0.0366 196.41) 95.7%, oklch(26.38% 0.0228 191.53) 97.9%, oklch(24.28% 0.0130 188.00) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.243 | 0.013 | 188 |
| 2 | 0.558 | 0.097 | 187.5 |
| 3 | 0.292 | 0.025 | 217.1 |
| 4 | 0.619 | 0.188 | 252.5 |
| 5 | 0.243 | 0.013 | 188 |

## Other forms

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