# Deep teal mist diagonal

Light blue, teal, navy and gray linear gradient with 56 colors: #c6e9ce, #c1e5cb, #bce1c7, #b5dbc3, #add5bf, #a5cfba, #9dc7b5, #94c0af, #8bb8a9, #81afa3, #78a79d, #6e9e97, #659591, #5c8c8a, #538484, #4b7b7e, #437378, #3c6b72, #35636c, #2f5c66, #295661, #24505c, #1f4a58, #1b4654, #184250, #153f4e, #133c4c, #123b4a, #113b4a, #113c4a, #123d4b, #13404c, #16434e, #194751, #1d4b54, #215157, #27565a, #2d5c5e, #346362, #3b6a66, #43716a, #4c786f, #558073, #5e8778, #688f7c, #729681, #7c9e85, #86a58a, #90ab8e, #99b293, #a2b897, #aabd9b, #b2c29f, #b8c6a3, #becaa6, #c3cda8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Light blue, teal, navy and gray linear gradient
- Seed: `kS5SZsKhNIumSs2`
- Page: https://grabient.com/kS5SZsKhNIumSs2?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: dark center, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 9.1 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 | `#c6e9ce` | `oklch(90.16% 0.0524 151.87)` | Granny Apple | black, 15.9 to 1 |
| 2 | `#c1e5cb` | `oklch(88.98% 0.0524 153.43)` | Wintergreen Mint | black, 15.3 to 1 |
| 3 | `#bce1c7` | `oklch(87.53% 0.0524 155.38)` | Mother Nature | black, 14.7 to 1 |
| 4 | `#b5dbc3` | `oklch(85.83% 0.0524 157.69)` | Ice Mist | black, 13.9 to 1 |
| 5 | `#add5bf` | `oklch(83.92% 0.0524 160.33)` | Ginninderra | black, 13 to 1 |
| 6 | `#a5cfba` | `oklch(81.80% 0.0524 163.25)` | Taffy Twist | black, 12.2 to 1 |
| 7 | `#9dc7b5` | `oklch(79.52% 0.0524 166.42)` | Lobaria Lichen | black, 11.3 to 1 |
| 8 | `#94c0af` | `oklch(77.08% 0.0524 169.81)` | Scenic View | black, 10.3 to 1 |
| 9 | `#8bb8a9` | `oklch(74.51% 0.0524 173.37)` | Lichen | black, 9.4 to 1 |
| 10 | `#81afa3` | `oklch(71.84% 0.0524 177.08)` | Green Room | black, 8.6 to 1 |
| 11 | `#78a79d` | `oklch(69.10% 0.0524 180.89)` | Twining Vine | black, 7.7 to 1 |
| 12 | `#6e9e97` | `oklch(66.29% 0.0524 184.76)` | Greyish Teal | black, 7 to 1 |
| 13 | `#659591` | `oklch(63.46% 0.0524 188.67)` | Green Turquoise | black, 6.2 to 1 |
| 14 | `#5c8c8a` | `oklch(60.61% 0.0524 192.57)` | Steel Teal | black, 5.5 to 1 |
| 15 | `#538484` | `oklch(57.78% 0.0524 196.42)` | Rainier Blue | black, 4.9 to 1 |
| 16 | `#4b7b7e` | `oklch(55.00% 0.0525 200.20)` | Lucky Shamrock | white, 4.7 to 1 |
| 17 | `#437378` | `oklch(52.27% 0.0525 203.87)` | Ming | white, 5.3 to 1 |
| 18 | `#3c6b72` | `oklch(49.63% 0.0525 207.38)` | Aquarium | white, 5.9 to 1 |
| 19 | `#35636c` | `oklch(47.10% 0.0525 210.70)` | Pedigree | white, 6.6 to 1 |
| 20 | `#2f5c66` | `oklch(44.70% 0.0525 213.80)` | Night Shift | white, 7.3 to 1 |
| 21 | `#295661` | `oklch(42.46% 0.0525 216.63)` | Glitch | white, 8.1 to 1 |
| 22 | `#24505c` | `oklch(40.40% 0.0525 219.17)` | Sunken Mystery | white, 8.8 to 1 |
| 23 | `#1f4a58` | `oklch(38.55% 0.0525 221.37)` | Ethereal Dance | white, 9.6 to 1 |
| 24 | `#1b4654` | `oklch(36.92% 0.0524 223.20)` | Moscow Midnight | white, 10.2 to 1 |
| 25 | `#184250` | `oklch(35.55% 0.0524 224.62)` | Cold and Dark | white, 10.8 to 1 |
| 26 | `#153f4e` | `oklch(34.45% 0.0524 225.59)` | Cold and Dark | white, 11.3 to 1 |
| 27 | `#133c4c` | `oklch(33.65% 0.0524 226.09)` | Subterranean River | white, 11.7 to 1 |
| 28 | `#123b4a` | `oklch(33.18% 0.0524 226.06)` | Subterranean River | white, 11.9 to 1 |
| 29 | `#113b4a` | `oklch(33.05% 0.0523 225.48)` | Subterranean River | white, 12 to 1 |
| 30 | `#113c4a` | `oklch(33.26% 0.0523 224.31)` | Ghostlands Coal | white, 11.9 to 1 |
| 31 | `#123d4b` | `oklch(33.78% 0.0523 222.59)` | Subterranean River | white, 11.6 to 1 |
| 32 | `#13404c` | `oklch(34.60% 0.0522 220.36)` | Cold and Dark | white, 11.2 to 1 |
| 33 | `#16434e` | `oklch(35.68% 0.0522 217.65)` | Cold and Dark | white, 10.8 to 1 |
| 34 | `#194751` | `oklch(37.02% 0.0522 214.52)` | Moscow Midnight | white, 10.2 to 1 |
| 35 | `#1d4b54` | `oklch(38.58% 0.0521 211.00)` | Berry Blue Green | white, 9.5 to 1 |
| 36 | `#215157` | `oklch(40.34% 0.0520 207.13)` | Hidden Waters | white, 8.8 to 1 |
| 37 | `#27565a` | `oklch(42.28% 0.0520 202.95)` | Stinkhorn | white, 8.1 to 1 |
| 38 | `#2d5c5e` | `oklch(44.37% 0.0519 198.51)` | Inner Space | white, 7.4 to 1 |
| 39 | `#346362` | `oklch(46.60% 0.0519 193.84)` | Pyrite Green | white, 6.7 to 1 |
| 40 | `#3b6a66` | `oklch(48.94% 0.0518 189.00)` | Betta Fish | white, 6.1 to 1 |
| 41 | `#43716a` | `oklch(51.37% 0.0518 184.01)` | Sinkhole | white, 5.5 to 1 |
| 42 | `#4c786f` | `oklch(53.87% 0.0517 178.92)` | Double Jeopardy | white, 4.9 to 1 |
| 43 | `#558073` | `oklch(56.41% 0.0516 173.77)` | Fuchsite Green | black, 4.7 to 1 |
| 44 | `#5e8778` | `oklch(58.97% 0.0516 168.60)` | Dark Jade | black, 5.2 to 1 |
| 45 | `#688f7c` | `oklch(61.53% 0.0515 163.46)` | Stanford Green | black, 5.8 to 1 |
| 46 | `#729681` | `oklch(64.06% 0.0514 158.38)` | Douglas Fir Green | black, 6.4 to 1 |
| 47 | `#7c9e85` | `oklch(66.55% 0.0514 153.40)` | Aquadulce | black, 7 to 1 |
| 48 | `#86a58a` | `oklch(68.97% 0.0513 148.58)` | Gallery Green | black, 7.7 to 1 |
| 49 | `#90ab8e` | `oklch(71.29% 0.0513 143.94)` | Fluorine | black, 8.4 to 1 |
| 50 | `#99b293` | `oklch(73.50% 0.0512 139.53)` | Dew Green | black, 9.1 to 1 |
| 51 | `#a2b897` | `oklch(75.57% 0.0512 135.38)` | Byakuroku Green | black, 9.8 to 1 |
| 52 | `#aabd9b` | `oklch(77.49% 0.0511 131.56)` | Rolling Glen | black, 10.4 to 1 |
| 53 | `#b2c29f` | `oklch(79.21% 0.0511 128.08)` | Camping Grounds | black, 11.1 to 1 |
| 54 | `#b8c6a3` | `oklch(80.74% 0.0510 124.99)` | Freshwater Green | black, 11.6 to 1 |
| 55 | `#becaa6` | `oklch(82.03% 0.0510 122.35)` | Pale Leaf | black, 12.1 to 1 |
| 56 | `#c3cda8` | `oklch(83.07% 0.0510 120.17)` | Baize Green | black, 12.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #c6e9ce 0.0%, #c1e5cb 1.8%, #bce1c7 3.6%, #b5dbc3 5.5%, #add5bf 7.3%, #a5cfba 9.1%, #9dc7b5 10.9%, #94c0af 12.7%, #8bb8a9 14.5%, #81afa3 16.4%, #78a79d 18.2%, #6e9e97 20.0%, #659591 21.8%, #5c8c8a 23.6%, #538484 25.5%, #4b7b7e 27.3%, #437378 29.1%, #3c6b72 30.9%, #35636c 32.7%, #2f5c66 34.5%, #295661 36.4%, #24505c 38.2%, #1f4a58 40.0%, #1b4654 41.8%, #184250 43.6%, #153f4e 45.5%, #133c4c 47.3%, #123b4a 49.1%, #113b4a 50.9%, #113c4a 52.7%, #123d4b 54.5%, #13404c 56.4%, #16434e 58.2%, #194751 60.0%, #1d4b54 61.8%, #215157 63.6%, #27565a 65.5%, #2d5c5e 67.3%, #346362 69.1%, #3b6a66 70.9%, #43716a 72.7%, #4c786f 74.5%, #558073 76.4%, #5e8778 78.2%, #688f7c 80.0%, #729681 81.8%, #7c9e85 83.6%, #86a58a 85.5%, #90ab8e 87.3%, #99b293 89.1%, #a2b897 90.9%, #aabd9b 92.7%, #b2c29f 94.5%, #b8c6a3 96.4%, #becaa6 98.2%, #c3cda8 100.0%);
background: linear-gradient(135deg in oklch, oklch(90.16% 0.0524 151.87) 0.0%, oklch(88.98% 0.0524 153.43) 1.8%, oklch(87.53% 0.0524 155.38) 3.6%, oklch(85.83% 0.0524 157.69) 5.5%, oklch(83.92% 0.0524 160.33) 7.3%, oklch(81.80% 0.0524 163.25) 9.1%, oklch(79.52% 0.0524 166.42) 10.9%, oklch(77.08% 0.0524 169.81) 12.7%, oklch(74.51% 0.0524 173.37) 14.5%, oklch(71.84% 0.0524 177.08) 16.4%, oklch(69.10% 0.0524 180.89) 18.2%, oklch(66.29% 0.0524 184.76) 20.0%, oklch(63.46% 0.0524 188.67) 21.8%, oklch(60.61% 0.0524 192.57) 23.6%, oklch(57.78% 0.0524 196.42) 25.5%, oklch(55.00% 0.0525 200.20) 27.3%, oklch(52.27% 0.0525 203.87) 29.1%, oklch(49.63% 0.0525 207.38) 30.9%, oklch(47.10% 0.0525 210.70) 32.7%, oklch(44.70% 0.0525 213.80) 34.5%, oklch(42.46% 0.0525 216.63) 36.4%, oklch(40.40% 0.0525 219.17) 38.2%, oklch(38.55% 0.0525 221.37) 40.0%, oklch(36.92% 0.0524 223.20) 41.8%, oklch(35.55% 0.0524 224.62) 43.6%, oklch(34.45% 0.0524 225.59) 45.5%, oklch(33.65% 0.0524 226.09) 47.3%, oklch(33.18% 0.0524 226.06) 49.1%, oklch(33.05% 0.0523 225.48) 50.9%, oklch(33.26% 0.0523 224.31) 52.7%, oklch(33.78% 0.0523 222.59) 54.5%, oklch(34.60% 0.0522 220.36) 56.4%, oklch(35.68% 0.0522 217.65) 58.2%, oklch(37.02% 0.0522 214.52) 60.0%, oklch(38.58% 0.0521 211.00) 61.8%, oklch(40.34% 0.0520 207.13) 63.6%, oklch(42.28% 0.0520 202.95) 65.5%, oklch(44.37% 0.0519 198.51) 67.3%, oklch(46.60% 0.0519 193.84) 69.1%, oklch(48.94% 0.0518 189.00) 70.9%, oklch(51.37% 0.0518 184.01) 72.7%, oklch(53.87% 0.0517 178.92) 74.5%, oklch(56.41% 0.0516 173.77) 76.4%, oklch(58.97% 0.0516 168.60) 78.2%, oklch(61.53% 0.0515 163.46) 80.0%, oklch(64.06% 0.0514 158.38) 81.8%, oklch(66.55% 0.0514 153.40) 83.6%, oklch(68.97% 0.0513 148.58) 85.5%, oklch(71.29% 0.0513 143.94) 87.3%, oklch(73.50% 0.0512 139.53) 89.1%, oklch(75.57% 0.0512 135.38) 90.9%, oklch(77.49% 0.0511 131.56) 92.7%, oklch(79.21% 0.0511 128.08) 94.5%, oklch(80.74% 0.0510 124.99) 96.4%, oklch(82.03% 0.0510 122.35) 98.2%, oklch(83.07% 0.0510 120.17) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.052 | 151.9 |
| 2 | 0.331 | 0.052 | 225.8 |
| 3 | 0.831 | 0.051 | 120.2 |

## In these collections

- [Coastal rockpool spring](https://grabient.com/coastal-rockpool-spring)

## Other forms

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