# Dark teal cyan ice bands

Analogous black, blue and cyan linear swatches with 13 colors: #071e1a, #052d2c, #02414b, #0b566c, #106989, #097ea5, #0093be, #00a7d4, #04bce6, #02d0f4, #00e5fd, #1bf8ff, #72fffa. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous black, blue and cyan linear swatches
- Seed: `kWNxZ_tZvFU6sQFksz6dTg9A`
- Page: https://grabient.com/kWNxZ_tZvFU6sQFksz6dTg9A?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: dark to light, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 14.3 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 | `#071e1a` | `oklch(21.65% 0.0303 179.30)` | Stellar Explorer | white, 17.2 to 1 |
| 2 | `#052d2c` | `oklch(26.99% 0.0421 192.64)` | Roof Tile Green | white, 14.8 to 1 |
| 3 | `#02414b` | `oklch(34.60% 0.0589 211.04)` | Cold and Dark | white, 11.2 to 1 |
| 4 | `#0b566c` | `oklch(42.13% 0.0758 224.74)` | Submersible | white, 8.2 to 1 |
| 5 | `#106989` | `oklch(48.83% 0.0919 229.47)` | Bondi | white, 6.1 to 1 |
| 6 | `#097ea5` | `oklch(55.45% 0.1080 229.51)` | Kingfisher Sheen | white, 4.6 to 1 |
| 7 | `#0093be` | `oklch(61.81% 0.1205 227.92)` | Spa Dream | black, 5.8 to 1 |
| 8 | `#00a7d4` | `oklch(67.92% 0.1294 225.61)` | Malibu Blue | black, 7.5 to 1 |
| 9 | `#04bce6` | `oklch(73.77% 0.1355 221.65)` | Blue Raspberry | black, 9.3 to 1 |
| 10 | `#02d0f4` | `oklch(79.13% 0.1406 216.28)` | Picnic Day Sky | black, 11.3 to 1 |
| 11 | `#00e5fd` | `oklch(84.27% 0.1449 208.22)` | Whimsical Blue | black, 13.5 to 1 |
| 12 | `#1bf8ff` | `oklch(88.92% 0.1487 198.74)` | Hey Blue! | black, 15.8 to 1 |
| 13 | `#72fffa` | `oklch(92.12% 0.1226 191.98)` | Aggressive Baby Blue | black, 17.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #071e1a 0.000% 7.692%, #052d2c 7.692% 15.385%, #02414b 15.385% 23.077%, #0b566c 23.077% 30.769%, #106989 30.769% 38.462%, #097ea5 38.462% 46.154%, #0093be 46.154% 53.846%, #00a7d4 53.846% 61.538%, #04bce6 61.538% 69.231%, #02d0f4 69.231% 76.923%, #00e5fd 76.923% 84.615%, #1bf8ff 84.615% 92.308%, #72fffa 92.308% 100.000%);
background: linear-gradient(90deg, oklch(21.65% 0.0303 179.30) 0.000% 7.692%, oklch(26.99% 0.0421 192.64) 7.692% 15.385%, oklch(34.60% 0.0589 211.04) 15.385% 23.077%, oklch(42.13% 0.0758 224.74) 23.077% 30.769%, oklch(48.83% 0.0919 229.47) 30.769% 38.462%, oklch(55.45% 0.1080 229.51) 38.462% 46.154%, oklch(61.81% 0.1205 227.92) 46.154% 53.846%, oklch(67.92% 0.1294 225.61) 53.846% 61.538%, oklch(73.77% 0.1355 221.65) 61.538% 69.231%, oklch(79.13% 0.1406 216.28) 69.231% 76.923%, oklch(84.27% 0.1449 208.22) 76.923% 84.615%, oklch(88.92% 0.1487 198.74) 84.615% 92.308%, oklch(92.12% 0.1226 191.98) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.217 | 0.03 | 179.3 |
| 2 | 0.421 | 0.076 | 224.7 |
| 3 | 0.618 | 0.121 | 227.9 |
| 4 | 0.791 | 0.141 | 216.3 |
| 5 | 0.921 | 0.154 | 192 |

## In these collections

- [Underwater colors](https://grabient.com/underwater-colors)
- [Cyan swatches](https://grabient.com/cyan-swatches)

## Other forms

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