# Teal nebula starlight gradient

The Teal nebula starlight gradient brings together dark blue, blue, teal, and pale teal. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is pale teal.

- Also called: Analogous black, teal and light blue linear gradient
- Seed: `kYIRS6IRW_bOdPhGITy36g-HuOv8`
- Page: https://grabient.com/kYIRS6IRW_bOdPhGITy36g-HuOv8?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark to light, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 18.8 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 | `#030712` | `oklch(12.99% 0.0276 261.56)` | Narwhal Grey | white, 20.1 to 1 |
| 2 | `#040917` | `oklch(14.33% 0.0310 261.25)` | Narwhal Grey | white, 19.8 to 1 |
| 3 | `#050d1d` | `oklch(16.17% 0.0358 260.92)` | Tristesse | white, 19.3 to 1 |
| 4 | `#071225` | `oklch(18.35% 0.0415 260.49)` | Kuretake Black Manga | white, 18.7 to 1 |
| 5 | `#0a172d` | `oklch(20.73% 0.0475 259.87)` | Liberty Blue | white, 17.8 to 1 |
| 6 | `#0d1d36` | `oklch(23.17% 0.0533 258.95)` | Trapped Darkness | white, 16.8 to 1 |
| 7 | `#10233f` | `oklch(25.53% 0.0584 257.65)` | Dark Eclipse | white, 15.7 to 1 |
| 8 | `#122946` | `oklch(27.79% 0.0625 255.94)` | Eternal Darkness | white, 14.7 to 1 |
| 9 | `#142f4e` | `oklch(30.10% 0.0663 253.93)` | Crow Black Blue | white, 13.6 to 1 |
| 10 | `#163556` | `oklch(32.46% 0.0699 251.62)` | Incremental Blue | white, 12.4 to 1 |
| 11 | `#173c5e` | `oklch(34.84% 0.0731 249.00)` | Poseidon | white, 11.3 to 1 |
| 12 | `#184366` | `oklch(37.23% 0.0761 246.08)` | Lucidity | white, 10.2 to 1 |
| 13 | `#194b6d` | `oklch(39.61% 0.0789 242.86)` | Indigo Cloth | white, 9.2 to 1 |
| 14 | `#185274` | `oklch(41.94% 0.0813 239.23)` | Midnight Sonata | white, 8.3 to 1 |
| 15 | `#175a7a` | `oklch(44.17% 0.0832 234.93)` | Commandes | white, 7.5 to 1 |
| 16 | `#15617f` | `oklch(46.38% 0.0848 230.19)` | Blue Sapphire | white, 6.8 to 1 |
| 17 | `#146984` | `oklch(48.62% 0.0862 225.30)` | Ansel | white, 6.2 to 1 |
| 18 | `#147189` | `oklch(50.97% 0.0878 220.56)` | Waterworld | white, 5.5 to 1 |
| 19 | `#167a8e` | `oklch(53.49% 0.0896 216.26)` | Bimini Blue | white, 5 to 1 |
| 20 | `#1a8395` | `oklch(56.25% 0.0921 212.63)` | Cruising | black, 4.7 to 1 |
| 21 | `#1b8d9d` | `oklch(59.24% 0.0965 209.35)` | Coral Coast | black, 5.3 to 1 |
| 22 | `#1a98a6` | `oklch(62.40% 0.1019 206.35)` | Mediterranean Swirl | black, 6.1 to 1 |
| 23 | `#1ca4af` | `oklch(65.69% 0.1071 203.66)` | Garish Blue | black, 6.9 to 1 |
| 24 | `#23b0b8` | `oklch(69.06% 0.1109 201.33)` | Mermaid Treasure | black, 7.9 to 1 |
| 25 | `#32bbc1` | `oklch(72.47% 0.1121 199.39)` | Montego Bay | black, 9 to 1 |
| 26 | `#47c6ca` | `oklch(75.89% 0.1093 197.90)` | Sea Serpent | black, 10.1 to 1 |
| 27 | `#62d1d3` | `oklch(79.67% 0.1012 197.01)` | Blue Radiance | black, 11.5 to 1 |
| 28 | `#7fdcdd` | `oklch(83.77% 0.0891 196.65)` | Cold Blue | black, 13.1 to 1 |
| 29 | `#9be7e8` | `oklch(87.88% 0.0748 196.65)` | Everest | black, 14.9 to 1 |
| 30 | `#b5f1f1` | `oklch(91.69% 0.0606 196.84)` | Cold Blooded | black, 16.7 to 1 |
| 31 | `#caf9f9` | `oklch(94.92% 0.0483 197.05)` | Tinted Ice | black, 18.4 to 1 |
| 32 | `#d9ffff` | `oklch(97.24% 0.0391 197.08)` | Cold Canada | black, 19.6 to 1 |

## CSS

```css
background: linear-gradient(180deg, #030712 0.0%, #040917 3.2%, #050d1d 6.5%, #071225 9.7%, #0a172d 12.9%, #0d1d36 16.1%, #10233f 19.4%, #122946 22.6%, #142f4e 25.8%, #163556 29.0%, #173c5e 32.3%, #184366 35.5%, #194b6d 38.7%, #185274 41.9%, #175a7a 45.2%, #15617f 48.4%, #146984 51.6%, #147189 54.8%, #167a8e 58.1%, #1a8395 61.3%, #1b8d9d 64.5%, #1a98a6 67.7%, #1ca4af 71.0%, #23b0b8 74.2%, #32bbc1 77.4%, #47c6ca 80.6%, #62d1d3 83.9%, #7fdcdd 87.1%, #9be7e8 90.3%, #b5f1f1 93.5%, #caf9f9 96.8%, #d9ffff 100.0%);
background: linear-gradient(180deg in oklch, oklch(12.99% 0.0276 261.56) 0.0%, oklch(14.33% 0.0310 261.25) 3.2%, oklch(16.17% 0.0358 260.92) 6.5%, oklch(18.35% 0.0415 260.49) 9.7%, oklch(20.73% 0.0475 259.87) 12.9%, oklch(23.17% 0.0533 258.95) 16.1%, oklch(25.53% 0.0584 257.65) 19.4%, oklch(27.79% 0.0625 255.94) 22.6%, oklch(30.10% 0.0663 253.93) 25.8%, oklch(32.46% 0.0699 251.62) 29.0%, oklch(34.84% 0.0731 249.00) 32.3%, oklch(37.23% 0.0761 246.08) 35.5%, oklch(39.61% 0.0789 242.86) 38.7%, oklch(41.94% 0.0813 239.23) 41.9%, oklch(44.17% 0.0832 234.93) 45.2%, oklch(46.38% 0.0848 230.19) 48.4%, oklch(48.62% 0.0862 225.30) 51.6%, oklch(50.97% 0.0878 220.56) 54.8%, oklch(53.49% 0.0896 216.26) 58.1%, oklch(56.25% 0.0921 212.63) 61.3%, oklch(59.24% 0.0965 209.35) 64.5%, oklch(62.40% 0.1019 206.35) 67.7%, oklch(65.69% 0.1071 203.66) 71.0%, oklch(69.06% 0.1109 201.33) 74.2%, oklch(72.47% 0.1121 199.39) 77.4%, oklch(75.89% 0.1093 197.90) 80.6%, oklch(79.67% 0.1012 197.01) 83.9%, oklch(83.77% 0.0891 196.65) 87.1%, oklch(87.88% 0.0748 196.65) 90.3%, oklch(91.69% 0.0606 196.84) 93.5%, oklch(94.92% 0.0483 197.05) 96.8%, oklch(97.24% 0.0391 197.08) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.13 | 0.028 | 261.6 |
| 2 | 0.26 | 0.059 | 257.3 |
| 3 | 0.406 | 0.08 | 241.5 |
| 4 | 0.551 | 0.091 | 214 |
| 5 | 0.752 | 0.11 | 198.2 |
| 6 | 0.972 | 0.04 | 197.1 |

## In these collections

- [Galaxy gradients](https://grabient.com/galaxy-gradients)

## Other forms

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