# Navy, crimson and ochre cider press afternoon

The Navy, crimson and ochre cider press afternoon brings together blue, purple, red, orange, 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 purple, and its lightest tone is gold.

- Also called: Tritone blue, maroon and tan linear gradient
- Seed: `kYWV27Jp9EC6gyS_LsMTrDB1quwo`
- Page: https://grabient.com/kYWV27Jp9EC6gyS_LsMTrDB1quwo?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: dark to light, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 5.3 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 | `#13347c` | `oklch(35.04% 0.1281 262.97)` | Cobalt Blue Tarantula | white, 11.5 to 1 |
| 2 | `#1b3278` | `oklch(34.43% 0.1232 266.14)` | Twilight Express | white, 11.8 to 1 |
| 3 | `#212f71` | `oklch(33.48% 0.1159 270.11)` | Blue Rose | white, 12.3 to 1 |
| 4 | `#262b69` | `oklch(32.39% 0.1074 274.98)` | Mythical Night | white, 12.8 to 1 |
| 5 | `#2a2861` | `oklch(31.37% 0.0989 280.85)` | Deep Breath | white, 13.3 to 1 |
| 6 | `#2e255a` | `oklch(30.61% 0.0914 287.84)` | Cluedo Night | white, 13.7 to 1 |
| 7 | `#332354` | `oklch(30.30% 0.0861 296.04)` | Stormy Night | white, 13.8 to 1 |
| 8 | `#3a2250` | `oklch(30.54% 0.0834 306.19)` | Powerful Violet | white, 13.8 to 1 |
| 9 | `#42214b` | `oklch(31.14% 0.0822 318.93)` | Purple Void | white, 13.5 to 1 |
| 10 | `#4b2145` | `oklch(32.04% 0.0822 333.11)` | Opulent Mauve | white, 13.1 to 1 |
| 11 | `#53213e` | `oklch(33.18% 0.0833 347.55)` | Prestige Mauve | white, 12.6 to 1 |
| 12 | `#5b2337` | `oklch(34.52% 0.0854 1.03)` | Zinfandel | white, 12 to 1 |
| 13 | `#632630` | `oklch(36.00% 0.0882 12.37)` | Blackberry Pie | white, 11.3 to 1 |
| 14 | `#6a2a2c` | `oklch(37.61% 0.0921 20.69)` | Spring Lobster Brown | white, 10.6 to 1 |
| 15 | `#722e28` | `oklch(39.51% 0.0979 26.80)` | Auburn | white, 9.8 to 1 |
| 16 | `#7b3226` | `oklch(41.63% 0.1050 31.32)` | Mocha Glow | white, 9 to 1 |
| 17 | `#853624` | `oklch(43.87% 0.1125 34.77)` | Kofta Brown | white, 8.2 to 1 |
| 18 | `#8e3b21` | `oklch(46.14% 0.1197 37.67)` | Red Prairie | white, 7.4 to 1 |
| 19 | `#97411e` | `oklch(48.35% 0.1256 40.54)` | Hot Brown | white, 6.8 to 1 |
| 20 | `#9f471b` | `oklch(50.42% 0.1295 43.77)` | Powdered Coffee | white, 6.2 to 1 |
| 21 | `#a54d19` | `oklch(52.47% 0.1318 46.63)` | Hamburger | white, 5.6 to 1 |
| 22 | `#ac541a` | `oklch(54.51% 0.1332 49.07)` | Wine Barrel | white, 5.2 to 1 |
| 23 | `#b25b1c` | `oklch(56.53% 0.1338 51.31)` | Old Guitar | white, 4.7 to 1 |
| 24 | `#b7621e` | `oklch(58.49% 0.1339 53.56)` | Polished Copper | black, 4.7 to 1 |
| 25 | `#bc6921` | `oklch(60.38% 0.1337 56.03)` | Thai Curry | black, 5.1 to 1 |
| 26 | `#c07022` | `oklch(62.16% 0.1336 58.94)` | Desert Sun | black, 5.5 to 1 |
| 27 | `#c47723` | `oklch(63.96% 0.1332 62.54)` | Maine Coon Orange | black, 6 to 1 |
| 28 | `#c77f25` | `oklch(65.75% 0.1323 66.62)` | Mulberry Thorn | black, 6.4 to 1 |
| 29 | `#c98729` | `oklch(67.46% 0.1311 70.81)` | Gentleman’s Whiskey | black, 6.9 to 1 |
| 30 | `#ca8e2d` | `oklch(69.01% 0.1299 74.76)` | Mecca Gold | black, 7.4 to 1 |
| 31 | `#cb9431` | `oklch(70.30% 0.1288 78.11)` | Alameda Ochre | black, 7.8 to 1 |
| 32 | `#cb9934` | `oklch(71.26% 0.1281 80.50)` | Gomashio Yellow | black, 8.1 to 1 |

## CSS

```css
background: linear-gradient(225deg, #13347c 0.0%, #1b3278 3.2%, #212f71 6.5%, #262b69 9.7%, #2a2861 12.9%, #2e255a 16.1%, #332354 19.4%, #3a2250 22.6%, #42214b 25.8%, #4b2145 29.0%, #53213e 32.3%, #5b2337 35.5%, #632630 38.7%, #6a2a2c 41.9%, #722e28 45.2%, #7b3226 48.4%, #853624 51.6%, #8e3b21 54.8%, #97411e 58.1%, #9f471b 61.3%, #a54d19 64.5%, #ac541a 67.7%, #b25b1c 71.0%, #b7621e 74.2%, #bc6921 77.4%, #c07022 80.6%, #c47723 83.9%, #c77f25 87.1%, #c98729 90.3%, #ca8e2d 93.5%, #cb9431 96.8%, #cb9934 100.0%);
background: linear-gradient(225deg in oklch, oklch(35.04% 0.1281 262.97) 0.0%, oklch(34.43% 0.1232 266.14) 3.2%, oklch(33.48% 0.1159 270.11) 6.5%, oklch(32.39% 0.1074 274.98) 9.7%, oklch(31.37% 0.0989 280.85) 12.9%, oklch(30.61% 0.0914 287.84) 16.1%, oklch(30.30% 0.0861 296.04) 19.4%, oklch(30.54% 0.0834 306.19) 22.6%, oklch(31.14% 0.0822 318.93) 25.8%, oklch(32.04% 0.0822 333.11) 29.0%, oklch(33.18% 0.0833 347.55) 32.3%, oklch(34.52% 0.0854 1.03) 35.5%, oklch(36.00% 0.0882 12.37) 38.7%, oklch(37.61% 0.0921 20.69) 41.9%, oklch(39.51% 0.0979 26.80) 45.2%, oklch(41.63% 0.1050 31.32) 48.4%, oklch(43.87% 0.1125 34.77) 51.6%, oklch(46.14% 0.1197 37.67) 54.8%, oklch(48.35% 0.1256 40.54) 58.1%, oklch(50.42% 0.1295 43.77) 61.3%, oklch(52.47% 0.1318 46.63) 64.5%, oklch(54.51% 0.1332 49.07) 67.7%, oklch(56.53% 0.1338 51.31) 71.0%, oklch(58.49% 0.1339 53.56) 74.2%, oklch(60.38% 0.1337 56.03) 77.4%, oklch(62.16% 0.1336 58.94) 80.6%, oklch(63.96% 0.1332 62.54) 83.9%, oklch(65.75% 0.1323 66.62) 87.1%, oklch(67.46% 0.1311 70.81) 90.3%, oklch(69.01% 0.1299 74.76) 93.5%, oklch(70.30% 0.1288 78.11) 96.8%, oklch(71.26% 0.1281 80.50) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.35 | 0.128 | 263 |
| 2 | 0.303 | 0.085 | 297.8 |
| 3 | 0.366 | 0.09 | 376 |
| 4 | 0.496 | 0.128 | 402.5 |
| 5 | 0.618 | 0.134 | 418.3 |
| 6 | 0.713 | 0.128 | 440.5 |

## In these collections

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

## Other forms

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