# Deep cyan late summer lake haze

The Deep cyan late summer lake haze brings together dark blue, green, yellow, gray, and blue. The colors span a moderate lightness range, combining restrained color with clear contrast. Its balanced and composed character suits seasonal campaigns and event graphics. Its darkest tone is dark blue, and its lightest tone is yellow.

- Also called: Dark green, tan and gray linear gradient
- Seed: `kcRRmiNI41EUYvPQHD605rAE8QP5EAk3NRlGA`
- Page: https://grabient.com/kcRRmiNI41EUYvPQHD605rAE8QP5EAk3NRlGA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light center
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.7 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 | `#132a34` | `oklch(27.17% 0.0344 227.81)` | Oceanic Noir | white, 14.8 to 1 |
| 2 | `#163136` | `oklch(29.43% 0.0346 211.96)` | Elite Teal | white, 13.7 to 1 |
| 3 | `#1e3a38` | `oklch(32.67% 0.0346 188.81)` | Kōrainando Green | white, 12.1 to 1 |
| 4 | `#2c4439` | `oklch(36.35% 0.0353 163.85)` | Mushiao Green | white, 10.5 to 1 |
| 5 | `#3c4d3a` | `oklch(39.95% 0.0372 142.53)` | Mountain View | white, 9 to 1 |
| 6 | `#49553d` | `oklch(43.10% 0.0412 129.24)` | Chard | white, 7.9 to 1 |
| 7 | `#545d3f` | `oklch(46.21% 0.0478 121.36)` | Cypress | white, 6.9 to 1 |
| 8 | `#5f6541` | `oklch(49.25% 0.0555 116.70)` | Aloe Leaf | white, 6.1 to 1 |
| 9 | `#696d42` | `oklch(52.11% 0.0628 113.49)` | Gulf Weed | white, 5.4 to 1 |
| 10 | `#737444` | `oklch(54.68% 0.0681 109.94)` | Ancient Bonsai | white, 4.8 to 1 |
| 11 | `#7c7a47` | `oklch(57.02% 0.0717 106.45)` | Tribal | black, 4.7 to 1 |
| 12 | `#85804a` | `oklch(59.16% 0.0743 103.74)` | Green Moss | black, 5.1 to 1 |
| 13 | `#8c854e` | `oklch(61.04% 0.0759 101.72)` | Dried Bay Leaf | black, 5.5 to 1 |
| 14 | `#928951` | `oklch(62.61% 0.0770 100.27)` | Trough Shell Brown | black, 5.9 to 1 |
| 15 | `#978d54` | `oklch(63.84% 0.0776 99.50)` | Sabo Garden | black, 6.2 to 1 |
| 16 | `#9a9057` | `oklch(64.78% 0.0777 99.70)` | Dijonnaise | black, 6.4 to 1 |
| 17 | `#9b9259` | `oklch(65.41% 0.0771 100.37)` | Tirol | black, 6.6 to 1 |
| 18 | `#9b935c` | `oklch(65.73% 0.0753 100.94)` | Tirol | black, 6.7 to 1 |
| 19 | `#9b935f` | `oklch(65.71% 0.0719 100.68)` | Green Lentils | black, 6.7 to 1 |
| 20 | `#9c9161` | `oklch(65.33% 0.0667 96.79)` | Pineapple Sage | black, 6.6 to 1 |
| 21 | `#9b8d64` | `oklch(64.63% 0.0602 91.86)` | Autumn Laurel | black, 6.4 to 1 |
| 22 | `#978a66` | `oklch(63.64% 0.0529 90.20)` | Treasure Chamber | black, 6.1 to 1 |
| 23 | `#8f8869` | `oklch(62.40% 0.0452 96.12)` | Wilderness | black, 5.8 to 1 |
| 24 | `#82866d` | `oklch(60.90% 0.0357 113.94)` | Simpson Surprise | black, 5.5 to 1 |
| 25 | `#768174` | `oklch(59.10% 0.0234 141.85)` | Harbour Mist Grey | black, 5.1 to 1 |
| 26 | `#717a77` | `oklch(57.06% 0.0121 173.45)` | Coastal Dusk | black, 4.7 to 1 |
| 27 | `#6e7272` | `oklch(54.85% 0.0056 202.33)` | Antique Tin | white, 4.8 to 1 |
| 28 | `#666b6e` | `oklch(52.47% 0.0079 222.95)` | Midnight Grey | white, 5.3 to 1 |
| 29 | `#58646d` | `oklch(49.55% 0.0206 238.51)` | Slate Grey | white, 6 to 1 |
| 30 | `#495b6f` | `oklch(46.44% 0.0389 250.71)` | Motor City Blue | white, 6.9 to 1 |
| 31 | `#3f5271` | `oklch(43.66% 0.0569 260.02)` | Astronaut | white, 7.8 to 1 |
| 32 | `#3b4b72` | `oklch(41.73% 0.0689 266.91)` | Egyptian Violet | white, 8.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #132a34 0.0%, #163136 3.2%, #1e3a38 6.5%, #2c4439 9.7%, #3c4d3a 12.9%, #49553d 16.1%, #545d3f 19.4%, #5f6541 22.6%, #696d42 25.8%, #737444 29.0%, #7c7a47 32.3%, #85804a 35.5%, #8c854e 38.7%, #928951 41.9%, #978d54 45.2%, #9a9057 48.4%, #9b9259 51.6%, #9b935c 54.8%, #9b935f 58.1%, #9c9161 61.3%, #9b8d64 64.5%, #978a66 67.7%, #8f8869 71.0%, #82866d 74.2%, #768174 77.4%, #717a77 80.6%, #6e7272 83.9%, #666b6e 87.1%, #58646d 90.3%, #495b6f 93.5%, #3f5271 96.8%, #3b4b72 100.0%);
background: linear-gradient(90deg in oklch, oklch(27.17% 0.0344 227.81) 0.0%, oklch(29.43% 0.0346 211.96) 3.2%, oklch(32.67% 0.0346 188.81) 6.5%, oklch(36.35% 0.0353 163.85) 9.7%, oklch(39.95% 0.0372 142.53) 12.9%, oklch(43.10% 0.0412 129.24) 16.1%, oklch(46.21% 0.0478 121.36) 19.4%, oklch(49.25% 0.0555 116.70) 22.6%, oklch(52.11% 0.0628 113.49) 25.8%, oklch(54.68% 0.0681 109.94) 29.0%, oklch(57.02% 0.0717 106.45) 32.3%, oklch(59.16% 0.0743 103.74) 35.5%, oklch(61.04% 0.0759 101.72) 38.7%, oklch(62.61% 0.0770 100.27) 41.9%, oklch(63.84% 0.0776 99.50) 45.2%, oklch(64.78% 0.0777 99.70) 48.4%, oklch(65.41% 0.0771 100.37) 51.6%, oklch(65.73% 0.0753 100.94) 54.8%, oklch(65.71% 0.0719 100.68) 58.1%, oklch(65.33% 0.0667 96.79) 61.3%, oklch(64.63% 0.0602 91.86) 64.5%, oklch(63.64% 0.0529 90.20) 67.7%, oklch(62.40% 0.0452 96.12) 71.0%, oklch(60.90% 0.0357 113.94) 74.2%, oklch(59.10% 0.0234 141.85) 77.4%, oklch(57.06% 0.0121 173.45) 80.6%, oklch(54.85% 0.0056 202.33) 83.9%, oklch(52.47% 0.0079 222.95) 87.1%, oklch(49.55% 0.0206 238.51) 90.3%, oklch(46.44% 0.0389 250.71) 93.5%, oklch(43.66% 0.0569 260.02) 96.8%, oklch(41.73% 0.0689 266.91) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.272 | 0.034 | 227.8 |
| 2 | 0.413 | 0.039 | 135.9 |
| 3 | 0.543 | 0.068 | 110.5 |
| 4 | 0.63 | 0.077 | 99.9 |
| 5 | 0.657 | 0.073 | 101 |
| 6 | 0.622 | 0.044 | 97.8 |
| 7 | 0.535 | 0.006 | 215.1 |
| 8 | 0.417 | 0.069 | 266.9 |

## In these collections

- [Late summer lake haze](https://grabient.com/late-summer-lake-haze)

## Other forms

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