# Eucalyptus mist over midnight

Teal, blue, gray and navy linear gradient with 40 colors: #6ea07f, #699e83, #629b87, #5c978b, #58928e, #578c90, #588691, #5b8290, #5e808f, #627f8e, #66828f, #6d8992, #779296, #859d9b, #96a9a2, #a8b5ab, #bac1b5, #c8cabf, #d3d2c7, #d9d6cc, #dad6cb, #d6d4c5, #cecfbd, #c1c8b3, #b0c1a9, #9bb8a3, #84ae9f, #6ea39d, #5d979b, #518a97, #497d90, #436f86, #3c6079, #36516a, #2f435a, #28354b, #212a3c, #1a1f2f, #141725, #10121e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Teal, blue, gray and navy linear gradient
- Seed: `kWqDVuyo5Iu-Fr_LF05l4lHA`
- Page: https://grabient.com/kWqDVuyo5Iu-Fr_LF05l4lHA?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: light center, muted, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 12.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 | `#6ea07f` | `oklch(66.14% 0.0730 155.39)` | Sea Lettuce | black, 7 to 1 |
| 2 | `#699e83` | `oklch(65.51% 0.0709 160.91)` | Scotch Lassie | black, 6.8 to 1 |
| 3 | `#629b87` | `oklch(64.48% 0.0680 169.27)` | Succulent Green | black, 6.5 to 1 |
| 4 | `#5c978b` | `oklch(63.19% 0.0646 179.55)` | Fiddler | black, 6.2 to 1 |
| 5 | `#58928e` | `oklch(61.79% 0.0608 190.85)` | Green Agate | black, 5.8 to 1 |
| 6 | `#578c90` | `oklch(60.42% 0.0568 202.23)` | Dusty Turquoise | black, 5.5 to 1 |
| 7 | `#588691` | `oklch(59.21% 0.0526 212.78)` | Night Masque | black, 5.2 to 1 |
| 8 | `#5b8290` | `oklch(58.32% 0.0485 221.60)` | Blue Moon Bay | black, 5 to 1 |
| 9 | `#5e808f` | `oklch(57.89% 0.0446 227.75)` | Pier 17 Steel | black, 4.9 to 1 |
| 10 | `#627f8e` | `oklch(58.06% 0.0410 230.33)` | Pier 17 Steel | black, 4.9 to 1 |
| 11 | `#66828f` | `oklch(58.98% 0.0378 228.36)` | Blue Prince | black, 5.1 to 1 |
| 12 | `#6d8992` | `oklch(61.03% 0.0345 220.37)` | Jeans Indigo | black, 5.6 to 1 |
| 13 | `#779296` | `oklch(64.07% 0.0310 207.15)` | Miracle Bay | black, 6.3 to 1 |
| 14 | `#859d9b` | `oklch(67.80% 0.0273 190.22)` | Shaded Hammock | black, 7.3 to 1 |
| 15 | `#96a9a2` | `oklch(71.92% 0.0238 171.09)` | Melville | black, 8.5 to 1 |
| 16 | `#a8b5ab` | `oklch(76.12% 0.0205 151.28)` | Alpine Air | black, 9.9 to 1 |
| 17 | `#bac1b5` | `oklch(80.09% 0.0178 132.28)` | Pumice | black, 11.3 to 1 |
| 18 | `#c8cabf` | `oklch(83.53% 0.0158 115.62)` | Create | black, 12.7 to 1 |
| 19 | `#d3d2c7` | `oklch(86.13% 0.0147 102.80)` | Stony Path | black, 13.8 to 1 |
| 20 | `#d9d6cc` | `oklch(87.59% 0.0147 95.35)` | Dried Pipe Clay | black, 14.4 to 1 |
| 21 | `#dad6cb` | `oklch(87.67% 0.0161 94.51)` | Shady | black, 14.4 to 1 |
| 22 | `#d6d4c5` | `oklch(86.68% 0.0195 99.38)` | Daikon White | black, 14 to 1 |
| 23 | `#cecfbd` | `oklch(84.82% 0.0246 108.78)` | Liveable Green | black, 13.2 to 1 |
| 24 | `#c1c8b3` | `oklch(82.23% 0.0308 121.66)` | Jugendstil Green | black, 12.2 to 1 |
| 25 | `#b0c1a9` | `oklch(79.08% 0.0376 137.00)` | Creamy Spinach | black, 11 to 1 |
| 26 | `#9bb8a3` | `oklch(75.50% 0.0445 153.75)` | Spearmint Haze | black, 9.7 to 1 |
| 27 | `#84ae9f` | `oklch(71.65% 0.0511 170.89)` | Corsican | black, 8.5 to 1 |
| 28 | `#6ea39d` | `oklch(67.68% 0.0567 187.37)` | Catalina | black, 7.3 to 1 |
| 29 | `#5d979b` | `oklch(63.73% 0.0609 202.16)` | Clear Brook | black, 6.3 to 1 |
| 30 | `#518a97` | `oklch(59.95% 0.0632 214.22)` | Blue Square | black, 5.4 to 1 |
| 31 | `#497d90` | `oklch(56.21% 0.0632 223.52)` | Coelin Blue | black, 4.6 to 1 |
| 32 | `#436f86` | `oklch(51.95% 0.0612 232.06)` | Am I Blue? | white, 5.4 to 1 |
| 33 | `#3c6079` | `oklch(47.32% 0.0577 239.92)` | Chinese Porcelain | white, 6.6 to 1 |
| 34 | `#36516a` | `oklch(42.47% 0.0531 247.13)` | Velvet Rope | white, 8.2 to 1 |
| 35 | `#2f435a` | `oklch(37.59% 0.0478 253.69)` | Moonlit Ocean | white, 10.1 to 1 |
| 36 | `#28354b` | `oklch(32.83% 0.0422 259.60)` | Bunting | white, 12.3 to 1 |
| 37 | `#212a3c` | `oklch(28.38% 0.0367 264.87)` | Spinel Stone Black | white, 14.4 to 1 |
| 38 | `#1a1f2f` | `oklch(24.39% 0.0317 269.51)` | Hēi Sè Black | white, 16.3 to 1 |
| 39 | `#141725` | `oklch(21.04% 0.0276 273.52)` | River Styx | white, 17.7 to 1 |
| 40 | `#10121e` | `oklch(18.50% 0.0248 276.92)` | Midnight Edition | white, 18.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #6ea07f 0.0%, #699e83 2.6%, #629b87 5.1%, #5c978b 7.7%, #58928e 10.3%, #578c90 12.8%, #588691 15.4%, #5b8290 17.9%, #5e808f 20.5%, #627f8e 23.1%, #66828f 25.6%, #6d8992 28.2%, #779296 30.8%, #859d9b 33.3%, #96a9a2 35.9%, #a8b5ab 38.5%, #bac1b5 41.0%, #c8cabf 43.6%, #d3d2c7 46.2%, #d9d6cc 48.7%, #dad6cb 51.3%, #d6d4c5 53.8%, #cecfbd 56.4%, #c1c8b3 59.0%, #b0c1a9 61.5%, #9bb8a3 64.1%, #84ae9f 66.7%, #6ea39d 69.2%, #5d979b 71.8%, #518a97 74.4%, #497d90 76.9%, #436f86 79.5%, #3c6079 82.1%, #36516a 84.6%, #2f435a 87.2%, #28354b 89.7%, #212a3c 92.3%, #1a1f2f 94.9%, #141725 97.4%, #10121e 100.0%);
background: linear-gradient(135deg in oklch, oklch(66.14% 0.0730 155.39) 0.0%, oklch(65.51% 0.0709 160.91) 2.6%, oklch(64.48% 0.0680 169.27) 5.1%, oklch(63.19% 0.0646 179.55) 7.7%, oklch(61.79% 0.0608 190.85) 10.3%, oklch(60.42% 0.0568 202.23) 12.8%, oklch(59.21% 0.0526 212.78) 15.4%, oklch(58.32% 0.0485 221.60) 17.9%, oklch(57.89% 0.0446 227.75) 20.5%, oklch(58.06% 0.0410 230.33) 23.1%, oklch(58.98% 0.0378 228.36) 25.6%, oklch(61.03% 0.0345 220.37) 28.2%, oklch(64.07% 0.0310 207.15) 30.8%, oklch(67.80% 0.0273 190.22) 33.3%, oklch(71.92% 0.0238 171.09) 35.9%, oklch(76.12% 0.0205 151.28) 38.5%, oklch(80.09% 0.0178 132.28) 41.0%, oklch(83.53% 0.0158 115.62) 43.6%, oklch(86.13% 0.0147 102.80) 46.2%, oklch(87.59% 0.0147 95.35) 48.7%, oklch(87.67% 0.0161 94.51) 51.3%, oklch(86.68% 0.0195 99.38) 53.8%, oklch(84.82% 0.0246 108.78) 56.4%, oklch(82.23% 0.0308 121.66) 59.0%, oklch(79.08% 0.0376 137.00) 61.5%, oklch(75.50% 0.0445 153.75) 64.1%, oklch(71.65% 0.0511 170.89) 66.7%, oklch(67.68% 0.0567 187.37) 69.2%, oklch(63.73% 0.0609 202.16) 71.8%, oklch(59.95% 0.0632 214.22) 74.4%, oklch(56.21% 0.0632 223.52) 76.9%, oklch(51.95% 0.0612 232.06) 79.5%, oklch(47.32% 0.0577 239.92) 82.1%, oklch(42.47% 0.0531 247.13) 84.6%, oklch(37.59% 0.0478 253.69) 87.2%, oklch(32.83% 0.0422 259.60) 89.7%, oklch(28.38% 0.0367 264.87) 92.3%, oklch(24.39% 0.0317 269.51) 94.9%, oklch(21.04% 0.0276 273.52) 97.4%, oklch(18.50% 0.0248 276.92) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.661 | 0.073 | 155.4 |
| 2 | 0.587 | 0.039 | 229.4 |
| 3 | 0.878 | 0.015 | 94.1 |
| 4 | 0.591 | 0.063 | 216.7 |
| 5 | 0.185 | 0.025 | 276.9 |

## In these collections

- [Frosted eucalyptus](https://grabient.com/frosted-eucalyptus)

## Other forms

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