# Bronze, moss and champagne cider press afternoon

The Bronze, moss and champagne cider press afternoon brings together orange, gold, green, teal, and pale orange. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is orange, and its lightest tone is pale orange.

- Also called: Brown, olive, teal and gray linear gradient
- Seed: `kWcysnWa5DtgsRFEGMedQ20Y`
- Page: https://grabient.com/kWcysnWa5DtgsRFEGMedQ20Y?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 5.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 | `#704d35` | `oklch(45.28% 0.0593 54.84)` | Coffee | white, 7.4 to 1 |
| 2 | `#785336` | `oklch(47.48% 0.0652 57.34)` | Pheasant Brown | white, 6.8 to 1 |
| 3 | `#845b38` | `oklch(50.64% 0.0737 60.64)` | Rubber | white, 5.9 to 1 |
| 4 | `#926538` | `oklch(54.41% 0.0838 64.57)` | Centaur | white, 5 to 1 |
| 5 | `#a07138` | `oklch(58.46% 0.0947 68.95)` | Hearth Gold | black, 4.8 to 1 |
| 6 | `#ad7d37` | `oklch(62.46% 0.1055 73.62)` | Billet | black, 5.7 to 1 |
| 7 | `#b98935` | `oklch(66.07% 0.1151 78.40)` | Burnished Copper | black, 6.6 to 1 |
| 8 | `#c09332` | `oklch(68.97% 0.1228 83.14)` | Oro | black, 7.4 to 1 |
| 9 | `#c39b31` | `oklch(70.84% 0.1277 87.65)` | Golden Mean | black, 8 to 1 |
| 10 | `#c2a131` | `oklch(71.94% 0.1306 91.91)` | Mustard Seed | black, 8.4 to 1 |
| 11 | `#bfa533` | `oklch(72.49% 0.1320 96.08)` | Pickle Juice | black, 8.6 to 1 |
| 12 | `#baa835` | `oklch(72.59% 0.1321 100.28)` | Hey Pesto | black, 8.7 to 1 |
| 13 | `#b2a939` | `oklch(72.29% 0.1311 104.67)` | Friendly Frog | black, 8.6 to 1 |
| 14 | `#aaaa3e` | `oklch(71.68% 0.1292 109.38)` | Delightful Camouflage | black, 8.5 to 1 |
| 15 | `#9faa44` | `oklch(70.84% 0.1265 114.56)` | Ogryn Camo | black, 8.2 to 1 |
| 16 | `#94a94b` | `oklch(69.83% 0.1231 120.36)` | Lime It or Leave It | black, 8 to 1 |
| 17 | `#86a853` | `oklch(68.58% 0.1191 127.23)` | Mosquito Fern | black, 7.7 to 1 |
| 18 | `#72a35c` | `oklch(66.34% 0.1135 136.72)` | Grassy Meadow | black, 7.1 to 1 |
| 19 | `#5a9c65` | `oklch(63.37% 0.1067 147.99)` | Mosaic Green | black, 6.3 to 1 |
| 20 | `#44936c` | `oklch(60.13% 0.0990 159.82)` | Illuminati Green | black, 5.6 to 1 |
| 21 | `#338970` | `oklch(57.05% 0.0909 170.99)` | Ionian | black, 4.9 to 1 |
| 22 | `#2c8072` | `oklch(54.58% 0.0829 180.28)` | Elegant Silk | white, 4.7 to 1 |
| 23 | `#2e7a73` | `oklch(53.16% 0.0754 186.47)` | Ivy | white, 5 to 1 |
| 24 | `#367974` | `oklch(53.24% 0.0689 188.34)` | Myrtle Green | white, 5 to 1 |
| 25 | `#437f77` | `oklch(55.30% 0.0635 184.56)` | Bubble Turquoise | white, 4.6 to 1 |
| 26 | `#588a7c` | `oklch(59.34% 0.0585 175.06)` | Privet Hedge | black, 5.3 to 1 |
| 27 | `#719984` | `oklch(64.79% 0.0538 161.49)` | Douglas Fir Green | black, 6.6 to 1 |
| 28 | `#8faa8f` | `oklch(71.04% 0.0495 145.50)` | Natural Harmony | black, 8.3 to 1 |
| 29 | `#adbc9d` | `oklch(77.50% 0.0457 128.76)` | Pale Sage | black, 10.4 to 1 |
| 30 | `#c9cdad` | `oklch(83.57% 0.0423 112.95)` | Bamboo White | black, 12.7 to 1 |
| 31 | `#dfdbbd` | `oklch(88.64% 0.0395 99.73)` | Woven Reed | black, 14.9 to 1 |
| 32 | `#eee5ca` | `oklch(92.13% 0.0372 90.77)` | Banana Milkshake | black, 16.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #704d35 0.0%, #785336 3.2%, #845b38 6.5%, #926538 9.7%, #a07138 12.9%, #ad7d37 16.1%, #b98935 19.4%, #c09332 22.6%, #c39b31 25.8%, #c2a131 29.0%, #bfa533 32.3%, #baa835 35.5%, #b2a939 38.7%, #aaaa3e 41.9%, #9faa44 45.2%, #94a94b 48.4%, #86a853 51.6%, #72a35c 54.8%, #5a9c65 58.1%, #44936c 61.3%, #338970 64.5%, #2c8072 67.7%, #2e7a73 71.0%, #367974 74.2%, #437f77 77.4%, #588a7c 80.6%, #719984 83.9%, #8faa8f 87.1%, #adbc9d 90.3%, #c9cdad 93.5%, #dfdbbd 96.8%, #eee5ca 100.0%);
background: linear-gradient(135deg in oklch, oklch(45.28% 0.0593 54.84) 0.0%, oklch(47.48% 0.0652 57.34) 3.2%, oklch(50.64% 0.0737 60.64) 6.5%, oklch(54.41% 0.0838 64.57) 9.7%, oklch(58.46% 0.0947 68.95) 12.9%, oklch(62.46% 0.1055 73.62) 16.1%, oklch(66.07% 0.1151 78.40) 19.4%, oklch(68.97% 0.1228 83.14) 22.6%, oklch(70.84% 0.1277 87.65) 25.8%, oklch(71.94% 0.1306 91.91) 29.0%, oklch(72.49% 0.1320 96.08) 32.3%, oklch(72.59% 0.1321 100.28) 35.5%, oklch(72.29% 0.1311 104.67) 38.7%, oklch(71.68% 0.1292 109.38) 41.9%, oklch(70.84% 0.1265 114.56) 45.2%, oklch(69.83% 0.1231 120.36) 48.4%, oklch(68.58% 0.1191 127.23) 51.6%, oklch(66.34% 0.1135 136.72) 54.8%, oklch(63.37% 0.1067 147.99) 58.1%, oklch(60.13% 0.0990 159.82) 61.3%, oklch(57.05% 0.0909 170.99) 64.5%, oklch(54.58% 0.0829 180.28) 67.7%, oklch(53.16% 0.0754 186.47) 71.0%, oklch(53.24% 0.0689 188.34) 74.2%, oklch(55.30% 0.0635 184.56) 77.4%, oklch(59.34% 0.0585 175.06) 80.6%, oklch(64.79% 0.0538 161.49) 83.9%, oklch(71.04% 0.0495 145.50) 87.1%, oklch(77.50% 0.0457 128.76) 90.3%, oklch(83.57% 0.0423 112.95) 93.5%, oklch(88.64% 0.0395 99.73) 96.8%, oklch(92.13% 0.0372 90.77) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.453 | 0.059 | 54.8 |
| 2 | 0.705 | 0.127 | 86.5 |
| 3 | 0.693 | 0.121 | 123.5 |
| 4 | 0.535 | 0.068 | 188 |
| 5 | 0.921 | 0.037 | 90.8 |

## In these collections

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

## Other forms

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