# Ferry at Slack Tide

Deep harbor water to pale sand to a low copper sun, at the still moment the tide changes. Few steps keep the transition quiet.

- Also called: Complementary navy, gray and tan linear gradient
- Seed: `kWRSCpupc-lmSvVuDbM5p67Y`
- Page: https://grabient.com/kWRSCpupc-lmSvVuDbM5p67Y?steps=16&angle=160
- Drawn as: linear gradient, 16 steps, 160 degrees
- Kinds: light center
- Hues: complementary
- Contrast of its darkest and lightest colors: 9.9 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 | `#0f2a3a` | `oklch(27.17% 0.0441 238.36)` | Oceanic Noir | white, 14.9 to 1 |
| 2 | `#143345` | `oklch(30.71% 0.0487 236.37)` | NATO Blue | white, 13.1 to 1 |
| 3 | `#1b4155` | `oklch(35.78% 0.0554 233.54)` | Capital Blue | white, 10.8 to 1 |
| 4 | `#245267` | `oklch(41.63% 0.0612 229.92)` | Juggernaut | white, 8.4 to 1 |
| 5 | `#306478` | `oklch(47.55% 0.0635 225.74)` | Denim Blue | white, 6.5 to 1 |
| 6 | `#447789` | `oklch(54.10% 0.0617 223.29)` | Majestic Mountain | white, 4.9 to 1 |
| 7 | `#5b8c9b` | `oklch(61.04% 0.0576 220.09)` | Durban Sky | black, 5.6 to 1 |
| 8 | `#71a0aa` | `oklch(67.59% 0.0530 211.87)` | Reef Waters | black, 7.3 to 1 |
| 9 | `#85b2b1` | `oklch(73.21% 0.0487 193.92)` | Cold Front Green | black, 9 to 1 |
| 10 | `#a1c2b2` | `oklch(78.58% 0.0427 164.24)` | Green Silk | black, 10.9 to 1 |
| 11 | `#c0cdb4` | `oklch(83.17% 0.0374 130.69)` | Rhys | black, 12.6 to 1 |
| 12 | `#d6d3b8` | `oklch(86.20% 0.0364 102.09)` | Pistachio Tang | black, 13.8 to 1 |
| 13 | `#e1d2b4` | `oklch(86.75% 0.0434 84.07)` | Corinthian Pillar | black, 14 to 1 |
| 14 | `#e6c8a5` | `oklch(84.98% 0.0578 72.16)` | Gentle Fawn | black, 13.1 to 1 |
| 15 | `#e8bc94` | `oklch(82.43% 0.0733 64.31)` | Queen Conch Shell | black, 12 to 1 |
| 16 | `#e9b38a` | `oklch(80.71% 0.0841 58.71)` | Trick or Treat | black, 11.3 to 1 |

## CSS

```css
background: linear-gradient(160deg, #0f2a3a 0.0%, #143345 6.7%, #1b4155 13.3%, #245267 20.0%, #306478 26.7%, #447789 33.3%, #5b8c9b 40.0%, #71a0aa 46.7%, #85b2b1 53.3%, #a1c2b2 60.0%, #c0cdb4 66.7%, #d6d3b8 73.3%, #e1d2b4 80.0%, #e6c8a5 86.7%, #e8bc94 93.3%, #e9b38a 100.0%);
background: linear-gradient(160deg in oklch, oklch(27.17% 0.0441 238.36) 0.0%, oklch(30.71% 0.0487 236.37) 6.7%, oklch(35.78% 0.0554 233.54) 13.3%, oklch(41.63% 0.0612 229.92) 20.0%, oklch(47.55% 0.0635 225.74) 26.7%, oklch(54.10% 0.0617 223.29) 33.3%, oklch(61.04% 0.0576 220.09) 40.0%, oklch(67.59% 0.0530 211.87) 46.7%, oklch(73.21% 0.0487 193.92) 53.3%, oklch(78.58% 0.0427 164.24) 60.0%, oklch(83.17% 0.0374 130.69) 66.7%, oklch(86.20% 0.0364 102.09) 73.3%, oklch(86.75% 0.0434 84.07) 80.0%, oklch(84.98% 0.0578 72.16) 86.7%, oklch(82.43% 0.0733 64.31) 93.3%, oklch(80.71% 0.0841 58.71) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.272 | 0.044 | 238.4 |
| 2 | 0.461 | 0.063 | 226.7 |
| 3 | 0.705 | 0.051 | 204.5 |
| 4 | 0.866 | 0.037 | 96.8 |
| 5 | 0.807 | 0.084 | 58.7 |

## In these collections

- [Liminal Places](https://grabient.com/liminal-places)

## Other forms

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