# Gray, blue and teal linear gradient

Gray, blue and teal linear gradient with 40 colors: #e0eccc, #c7debd, #9dcbae, #69b2a5, #3195a1, #05759d, #145893, #1f4289, #1c3a83, #004380, #005574, #006a73, #08836c, #609261, #8f9c63, #aaa36d, #b3a674, #ada473, #9f9f6f, #89986a, #709069, #57886b, #43816f, #387d74, #387f7a, #408884, #4e9490, #5da49d, #6eb4ab, #7cc2b6, #85cbbf, #87cfc4, #7fcbc4, #70bfbe, #5daeb6, #499aab, #37859f, #297193, #206188, #1d5680. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY6yBXr67QtuZrBFGkqZhs_rehRw`
- Page: https://grabient.com/kY6yBXr67QtuZrBFGkqZhs_rehRw?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: cool
- Hues: two-hue
- Contrast of its darkest and lightest colors: 8.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 | `#e0eccc` | `oklch(92.52% 0.0441 123.05)` | Tzatziki Green | black, 17 to 1 |
| 2 | `#c7debd` | `oklch(87.50% 0.0518 136.52)` | Pale Tidepool | black, 14.6 to 1 |
| 3 | `#9dcbae` | `oklch(80.10% 0.0632 156.89)` | Retro Mint | black, 11.5 to 1 |
| 4 | `#69b2a5` | `oklch(71.25% 0.0768 181.29)` | Tropic Turquoise | black, 8.5 to 1 |
| 5 | `#3195a1` | `oklch(61.86% 0.0912 206.88)` | Aqua Lake | black, 5.9 to 1 |
| 6 | `#05759d` | `oklch(52.84% 0.1050 230.81)` | Mitchell Blue | white, 5.1 to 1 |
| 7 | `#145893` | `oklch(45.12% 0.1167 250.21)` | Suddenly Sapphire | white, 7.3 to 1 |
| 8 | `#1f4289` | `oklch(39.61% 0.1250 262.25)` | Blue Oblivion | white, 9.5 to 1 |
| 9 | `#1c3a83` | `oklch(37.21% 0.1284 264.03)` | Surf the Web | white, 10.5 to 1 |
| 10 | `#004380` | `oklch(38.32% 0.1194 253.32)` | Bracing Blue | white, 9.9 to 1 |
| 11 | `#005574` | `oklch(42.15% 0.0865 232.45)` | Night Kite | white, 8.2 to 1 |
| 12 | `#006a73` | `oklch(47.81% 0.0817 205.02)` | Kingfisher Bright | white, 6.3 to 1 |
| 13 | `#08836c` | `oklch(54.41% 0.1012 174.68)` | Viridis | white, 4.7 to 1 |
| 14 | `#609261` | `oklch(61.05% 0.0904 145.00)` | Arizona Tree Frog | black, 5.7 to 1 |
| 15 | `#8f9c63` | `oklch(66.83% 0.0807 119.56)` | Reptilian Leader | black, 7.1 to 1 |
| 16 | `#aaa36d` | `oklch(70.85% 0.0732 101.95)` | Autumn Sage | black, 8.1 to 1 |
| 17 | `#b3a674` | `oklch(72.29% 0.0690 95.40)` | Windy Meadow | black, 8.5 to 1 |
| 18 | `#ada473` | `oklch(71.45% 0.0669 98.39)` | Crack Willow | black, 8.3 to 1 |
| 19 | `#9f9f6f` | `oklch(69.02% 0.0663 108.27)` | Dill Powder | black, 7.6 to 1 |
| 20 | `#89986a` | `oklch(65.61% 0.0667 122.83)` | Cactus Valley | black, 6.7 to 1 |
| 21 | `#709069` | `oklch(61.83% 0.0678 139.86)` | Moss Ring | black, 5.8 to 1 |
| 22 | `#57886b` | `oklch(58.28% 0.0692 157.14)` | Saltwater Depth | black, 5.1 to 1 |
| 23 | `#43816f` | `oklch(55.56% 0.0705 172.48)` | Shǔi Cǎo Lǜ Green | black, 4.5 to 1 |
| 24 | `#387d74` | `oklch(54.30% 0.0715 183.65)` | Pearl Green | white, 4.8 to 1 |
| 25 | `#387f7a` | `oklch(55.07% 0.0718 189.13)` | Apatite Blue | white, 4.6 to 1 |
| 26 | `#408884` | `oklch(57.88% 0.0719 190.93)` | Copper Turquoise | black, 5 to 1 |
| 27 | `#4e9490` | `oklch(62.07% 0.0720 190.25)` | Mirage Lake | black, 5.9 to 1 |
| 28 | `#5da49d` | `oklch(66.99% 0.0720 188.05)` | Aqua Rapids | black, 7.2 to 1 |
| 29 | `#6eb4ab` | `oklch(71.95% 0.0722 185.32)` | Lenticular Ore | black, 8.7 to 1 |
| 30 | `#7cc2b6` | `oklch(76.29% 0.0726 183.03)` | Pale Jade | black, 10.2 to 1 |
| 31 | `#85cbbf` | `oklch(79.33% 0.0732 182.15)` | Deco-Rate | black, 11.3 to 1 |
| 32 | `#87cfc4` | `oklch(80.40% 0.0742 183.66)` | Surf Wash | black, 11.7 to 1 |
| 33 | `#7fcbc4` | `oklch(78.97% 0.0756 188.23)` | Blue Green Gem | black, 11.2 to 1 |
| 34 | `#70bfbe` | `oklch(75.39% 0.0776 195.22)` | Tropic Tide | black, 9.8 to 1 |
| 35 | `#5daeb6` | `oklch(70.28% 0.0800 203.85)` | Experience | black, 8.2 to 1 |
| 36 | `#499aab` | `oklch(64.26% 0.0826 213.36)` | Rainy Mood | black, 6.5 to 1 |
| 37 | `#37859f` | `oklch(57.97% 0.0852 222.95)` | Dirty Blue | black, 5 to 1 |
| 38 | `#297193` | `oklch(52.02% 0.0875 231.87)` | Big Ocean Wave | white, 5.3 to 1 |
| 39 | `#206188` | `oklch(47.06% 0.0895 239.34)` | Copenhagen Blue | white, 6.7 to 1 |
| 40 | `#1d5680` | `oklch(43.70% 0.0909 244.57)` | Blueberry Twist | white, 7.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #e0eccc 0.0%, #c7debd 2.6%, #9dcbae 5.1%, #69b2a5 7.7%, #3195a1 10.3%, #05759d 12.8%, #145893 15.4%, #1f4289 17.9%, #1c3a83 20.5%, #004380 23.1%, #005574 25.6%, #006a73 28.2%, #08836c 30.8%, #609261 33.3%, #8f9c63 35.9%, #aaa36d 38.5%, #b3a674 41.0%, #ada473 43.6%, #9f9f6f 46.2%, #89986a 48.7%, #709069 51.3%, #57886b 53.8%, #43816f 56.4%, #387d74 59.0%, #387f7a 61.5%, #408884 64.1%, #4e9490 66.7%, #5da49d 69.2%, #6eb4ab 71.8%, #7cc2b6 74.4%, #85cbbf 76.9%, #87cfc4 79.5%, #7fcbc4 82.1%, #70bfbe 84.6%, #5daeb6 87.2%, #499aab 89.7%, #37859f 92.3%, #297193 94.9%, #206188 97.4%, #1d5680 100.0%);
background: linear-gradient(135deg in oklch, oklch(92.52% 0.0441 123.05) 0.0%, oklch(87.50% 0.0518 136.52) 2.6%, oklch(80.10% 0.0632 156.89) 5.1%, oklch(71.25% 0.0768 181.29) 7.7%, oklch(61.86% 0.0912 206.88) 10.3%, oklch(52.84% 0.1050 230.81) 12.8%, oklch(45.12% 0.1167 250.21) 15.4%, oklch(39.61% 0.1250 262.25) 17.9%, oklch(37.21% 0.1284 264.03) 20.5%, oklch(38.32% 0.1194 253.32) 23.1%, oklch(42.15% 0.0865 232.45) 25.6%, oklch(47.81% 0.0817 205.02) 28.2%, oklch(54.41% 0.1012 174.68) 30.8%, oklch(61.05% 0.0904 145.00) 33.3%, oklch(66.83% 0.0807 119.56) 35.9%, oklch(70.85% 0.0732 101.95) 38.5%, oklch(72.29% 0.0690 95.40) 41.0%, oklch(71.45% 0.0669 98.39) 43.6%, oklch(69.02% 0.0663 108.27) 46.2%, oklch(65.61% 0.0667 122.83) 48.7%, oklch(61.83% 0.0678 139.86) 51.3%, oklch(58.28% 0.0692 157.14) 53.8%, oklch(55.56% 0.0705 172.48) 56.4%, oklch(54.30% 0.0715 183.65) 59.0%, oklch(55.07% 0.0718 189.13) 61.5%, oklch(57.88% 0.0719 190.93) 64.1%, oklch(62.07% 0.0720 190.25) 66.7%, oklch(66.99% 0.0720 188.05) 69.2%, oklch(71.95% 0.0722 185.32) 71.8%, oklch(76.29% 0.0726 183.03) 74.4%, oklch(79.33% 0.0732 182.15) 76.9%, oklch(80.40% 0.0742 183.66) 79.5%, oklch(78.97% 0.0756 188.23) 82.1%, oklch(75.39% 0.0776 195.22) 84.6%, oklch(70.28% 0.0800 203.85) 87.2%, oklch(64.26% 0.0826 213.36) 89.7%, oklch(57.97% 0.0852 222.95) 92.3%, oklch(52.02% 0.0875 231.87) 94.9%, oklch(47.06% 0.0895 239.34) 97.4%, oklch(43.70% 0.0909 244.57) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.925 | 0.044 | 123 |
| 2 | 0.374 | 0.128 | 264.7 |
| 3 | 0.72 | 0.07 | 96.6 |
| 4 | 0.543 | 0.072 | 186.5 |
| 5 | 0.803 | 0.074 | 184.3 |
| 6 | 0.437 | 0.091 | 244.6 |

## Other forms

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