# Navy, sage and ochre cider press afternoon

The Navy, sage and ochre cider press afternoon brings together blue, teal, green, yellow, and gold. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is yellow.

- Also called: Navy, olive and brown linear gradient
- Seed: `kWViyyvZM61CYODZpLt1as84`
- Page: https://grabient.com/kWViyyvZM61CYODZpLt1as84?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.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 | `#1e3956` | `oklch(33.86% 0.0606 251.02)` | Gibraltar Sea | white, 11.7 to 1 |
| 2 | `#1f3d58` | `oklch(35.02% 0.0598 247.71)` | Integrity | white, 11.2 to 1 |
| 3 | `#21425b` | `oklch(36.57% 0.0585 243.46)` | Sir Edmund | white, 10.5 to 1 |
| 4 | `#24485e` | `oklch(38.42% 0.0570 238.41)` | Dark Slate Blue | white, 9.7 to 1 |
| 5 | `#274e62` | `oklch(40.47% 0.0554 232.70)` | Shadow of Night | white, 8.9 to 1 |
| 6 | `#2b5566` | `oklch(42.64% 0.0540 226.46)` | Marea Baja | white, 8.1 to 1 |
| 7 | `#305c69` | `oklch(44.82% 0.0529 219.83)` | Night Shift | white, 7.3 to 1 |
| 8 | `#35636c` | `oklch(46.94% 0.0523 212.94)` | Pedigree | white, 6.6 to 1 |
| 9 | `#39696f` | `oklch(48.91% 0.0525 205.90)` | Aquarium | white, 6.1 to 1 |
| 10 | `#3e6f71` | `oklch(50.90% 0.0531 198.08)` | Peabody | white, 5.6 to 1 |
| 11 | `#447672` | `oklch(52.98% 0.0541 189.47)` | Surf Green | white, 5.1 to 1 |
| 12 | `#4c7d73` | `oklch(55.07% 0.0555 180.38)` | Azurite Water Green | white, 4.6 to 1 |
| 13 | `#548373` | `oklch(57.14% 0.0573 171.13)` | Frosty Spruce | black, 4.8 to 1 |
| 14 | `#5d8973` | `oklch(59.13% 0.0594 162.05)` | Dark Jade | black, 5.2 to 1 |
| 15 | `#668e72` | `oklch(60.98% 0.0618 153.46)` | Slate Green | black, 5.6 to 1 |
| 16 | `#6f9371` | `oklch(62.64% 0.0646 145.66)` | Tabbouleh | black, 6 to 1 |
| 17 | `#78976f` | `oklch(64.09% 0.0678 138.92)` | Botanical Green | black, 6.4 to 1 |
| 18 | `#7f9a6d` | `oklch(65.41% 0.0718 132.89)` | Money | black, 6.7 to 1 |
| 19 | `#879d6a` | `oklch(66.62% 0.0763 127.42)` | Agave Plant | black, 7 to 1 |
| 20 | `#8ea067` | `oklch(67.69% 0.0812 122.41)` | Buckingham Gardens | black, 7.3 to 1 |
| 21 | `#95a263` | `oklch(68.63% 0.0863 117.78)` | Banana Palm | black, 7.6 to 1 |
| 22 | `#9ca35f` | `oklch(69.40% 0.0912 113.42)` | Sweet Pea | black, 7.8 to 1 |
| 23 | `#a3a45b` | `oklch(70.00% 0.0957 109.24)` | Rickrack | black, 7.9 to 1 |
| 24 | `#a9a356` | `oklch(70.40% 0.0997 105.15)` | Desert Locust | black, 8 to 1 |
| 25 | `#aea252` | `oklch(70.56% 0.1031 101.06)` | Desert Locust | black, 8 to 1 |
| 26 | `#b2a04d` | `oklch(70.39% 0.1061 97.04)` | Gingko Leaf | black, 8 to 1 |
| 27 | `#b59d47` | `oklch(69.98% 0.1089 93.16)` | Tiki Torch | black, 7.8 to 1 |
| 28 | `#b89942` | `oklch(69.42% 0.1114 89.51)` | Golden History | black, 7.6 to 1 |
| 29 | `#ba953e` | `oklch(68.78% 0.1136 86.16)` | Roti | black, 7.4 to 1 |
| 30 | `#bb923a` | `oklch(68.16% 0.1156 83.20)` | Wheat Beer | black, 7.2 to 1 |
| 31 | `#bc8f36` | `oklch(67.65% 0.1172 80.70)` | Hokey Pokey | black, 7.1 to 1 |
| 32 | `#bd8d34` | `oklch(67.32% 0.1185 78.77)` | Hokey Pokey | black, 7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #1e3956 0.0%, #1f3d58 3.2%, #21425b 6.5%, #24485e 9.7%, #274e62 12.9%, #2b5566 16.1%, #305c69 19.4%, #35636c 22.6%, #39696f 25.8%, #3e6f71 29.0%, #447672 32.3%, #4c7d73 35.5%, #548373 38.7%, #5d8973 41.9%, #668e72 45.2%, #6f9371 48.4%, #78976f 51.6%, #7f9a6d 54.8%, #879d6a 58.1%, #8ea067 61.3%, #95a263 64.5%, #9ca35f 67.7%, #a3a45b 71.0%, #a9a356 74.2%, #aea252 77.4%, #b2a04d 80.6%, #b59d47 83.9%, #b89942 87.1%, #ba953e 90.3%, #bb923a 93.5%, #bc8f36 96.8%, #bd8d34 100.0%);
background: linear-gradient(45deg in oklch, oklch(33.86% 0.0606 251.02) 0.0%, oklch(35.02% 0.0598 247.71) 3.2%, oklch(36.57% 0.0585 243.46) 6.5%, oklch(38.42% 0.0570 238.41) 9.7%, oklch(40.47% 0.0554 232.70) 12.9%, oklch(42.64% 0.0540 226.46) 16.1%, oklch(44.82% 0.0529 219.83) 19.4%, oklch(46.94% 0.0523 212.94) 22.6%, oklch(48.91% 0.0525 205.90) 25.8%, oklch(50.90% 0.0531 198.08) 29.0%, oklch(52.98% 0.0541 189.47) 32.3%, oklch(55.07% 0.0555 180.38) 35.5%, oklch(57.14% 0.0573 171.13) 38.7%, oklch(59.13% 0.0594 162.05) 41.9%, oklch(60.98% 0.0618 153.46) 45.2%, oklch(62.64% 0.0646 145.66) 48.4%, oklch(64.09% 0.0678 138.92) 51.6%, oklch(65.41% 0.0718 132.89) 54.8%, oklch(66.62% 0.0763 127.42) 58.1%, oklch(67.69% 0.0812 122.41) 61.3%, oklch(68.63% 0.0863 117.78) 64.5%, oklch(69.40% 0.0912 113.42) 67.7%, oklch(70.00% 0.0957 109.24) 71.0%, oklch(70.40% 0.0997 105.15) 74.2%, oklch(70.56% 0.1031 101.06) 77.4%, oklch(70.39% 0.1061 97.04) 80.6%, oklch(69.98% 0.1089 93.16) 83.9%, oklch(69.42% 0.1114 89.51) 87.1%, oklch(68.78% 0.1136 86.16) 90.3%, oklch(68.16% 0.1156 83.20) 93.5%, oklch(67.65% 0.1172 80.70) 96.8%, oklch(67.32% 0.1185 78.77) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.339 | 0.061 | 251 |
| 2 | 0.484 | 0.052 | 207.7 |
| 3 | 0.634 | 0.066 | 142.2 |
| 4 | 0.705 | 0.101 | 104.1 |
| 5 | 0.673 | 0.119 | 78.8 |

## In these collections

- [Cider press afternoon](https://grabient.com/cider-press-afternoon)

## Other forms

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