# Straw ornament gold gradient

Monochrome beige to brown linear gradient with 32 colors: #f1e5b8, #f0e3b3, #efe0ac, #eedca5, #ecd89c, #ebd393, #e9cf8a, #e7ca81, #e5c57a, #e4c173, #e2bc6c, #dfb865, #ddb35e, #dbae58, #d8a952, #d5a44c, #d19f47, #cd9a43, #c9943f, #c48f3c, #c08939, #bb8436, #b57f34, #b07a31, #ab752f, #a6702e, #a06b2c, #99662b, #946129, #8e5d28, #8a5a27, #875727. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome beige to brown linear gradient
- Seed: `kW6ixD6qS_F4rvvOqD7v6C_A`
- Page: https://grabient.com/kW6ixD6qS_F4rvvOqD7v6C_A?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light to dark, pastel, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.8 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 | `#f1e5b8` | `oklch(92.13% 0.0606 94.92)` | Martica | black, 16.6 to 1 |
| 2 | `#f0e3b3` | `oklch(91.48% 0.0640 94.34)` | Butter Cookie | black, 16.3 to 1 |
| 3 | `#efe0ac` | `oklch(90.62% 0.0686 93.56)` | Citrus Rind | black, 15.9 to 1 |
| 4 | `#eedca5` | `oklch(89.60% 0.0741 92.64)` | Tortilla | black, 15.4 to 1 |
| 5 | `#ecd89c` | `oklch(88.46% 0.0802 91.62)` | Demeter | black, 14.8 to 1 |
| 6 | `#ebd393` | `oklch(87.24% 0.0863 90.53)` | Nectar Jackpot | black, 14.2 to 1 |
| 7 | `#e9cf8a` | `oklch(85.99% 0.0922 89.41)` | Sundress | black, 13.7 to 1 |
| 8 | `#e7ca81` | `oklch(84.76% 0.0974 88.31)` | Marzipan | black, 13.1 to 1 |
| 9 | `#e5c57a` | `oklch(83.57% 0.1015 87.27)` | Golden Thread | black, 12.6 to 1 |
| 10 | `#e4c173` | `oklch(82.39% 0.1052 86.22)` | Summer Field | black, 12.1 to 1 |
| 11 | `#e2bc6c` | `oklch(81.19% 0.1086 85.15)` | Cloudy Honey | black, 11.6 to 1 |
| 12 | `#dfb865` | `oklch(79.96% 0.1116 84.05)` | Termite Beige | black, 11.1 to 1 |
| 13 | `#ddb35e` | `oklch(78.71% 0.1143 82.95)` | Birch Strain | black, 10.6 to 1 |
| 14 | `#dbae58` | `oklch(77.42% 0.1165 81.83)` | Rob Roy | black, 10.1 to 1 |
| 15 | `#d8a952` | `oklch(76.09% 0.1183 80.72)` | Golden Apricot | black, 9.7 to 1 |
| 16 | `#d5a44c` | `oklch(74.72% 0.1195 79.62)` | Plantain Chips | black, 9.2 to 1 |
| 17 | `#d19f47` | `oklch(73.29% 0.1201 78.52)` | Chipmunk | black, 8.7 to 1 |
| 18 | `#cd9a43` | `oklch(71.80% 0.1200 77.42)` | Camel Cardinal | black, 8.2 to 1 |
| 19 | `#c9943f` | `oklch(70.24% 0.1193 76.31)` | Alameda Ochre | black, 7.8 to 1 |
| 20 | `#c48f3c` | `oklch(68.64% 0.1181 75.19)` | Calico Cat | black, 7.3 to 1 |
| 21 | `#c08939` | `oklch(67.02% 0.1165 74.09)` | Butter Base | black, 6.8 to 1 |
| 22 | `#bb8436` | `oklch(65.40% 0.1147 72.99)` | Mango Brown | black, 6.4 to 1 |
| 23 | `#b57f34` | `oklch(63.78% 0.1127 71.92)` | Gilded Gold | black, 6 to 1 |
| 24 | `#b07a31` | `oklch(62.20% 0.1107 70.87)` | Butterbeer | black, 5.6 to 1 |
| 25 | `#ab752f` | `oklch(60.60% 0.1086 69.83)` | Buff Leather | black, 5.3 to 1 |
| 26 | `#a6702e` | `oklch(58.88% 0.1059 68.73)` | Digger’s Gold | black, 4.9 to 1 |
| 27 | `#a06b2c` | `oklch(57.11% 0.1029 67.61)` | Stage Gold | black, 4.6 to 1 |
| 28 | `#99662b` | `oklch(55.36% 0.0997 66.52)` | Olivia | white, 4.8 to 1 |
| 29 | `#946129` | `oklch(53.70% 0.0966 65.50)` | Chilli Con Carne | white, 5.2 to 1 |
| 30 | `#8e5d28` | `oklch(52.20% 0.0937 64.58)` | Afghan Carpet | white, 5.5 to 1 |
| 31 | `#8a5a27` | `oklch(50.94% 0.0913 63.80)` | Treacle | white, 5.9 to 1 |
| 32 | `#875727` | `oklch(50.00% 0.0896 63.22)` | Precious Copper | white, 6.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f1e5b8 0.0%, #f0e3b3 3.2%, #efe0ac 6.5%, #eedca5 9.7%, #ecd89c 12.9%, #ebd393 16.1%, #e9cf8a 19.4%, #e7ca81 22.6%, #e5c57a 25.8%, #e4c173 29.0%, #e2bc6c 32.3%, #dfb865 35.5%, #ddb35e 38.7%, #dbae58 41.9%, #d8a952 45.2%, #d5a44c 48.4%, #d19f47 51.6%, #cd9a43 54.8%, #c9943f 58.1%, #c48f3c 61.3%, #c08939 64.5%, #bb8436 67.7%, #b57f34 71.0%, #b07a31 74.2%, #ab752f 77.4%, #a6702e 80.6%, #a06b2c 83.9%, #99662b 87.1%, #946129 90.3%, #8e5d28 93.5%, #8a5a27 96.8%, #875727 100.0%);
background: linear-gradient(90deg in oklch, oklch(92.13% 0.0606 94.92) 0.0%, oklch(91.48% 0.0640 94.34) 3.2%, oklch(90.62% 0.0686 93.56) 6.5%, oklch(89.60% 0.0741 92.64) 9.7%, oklch(88.46% 0.0802 91.62) 12.9%, oklch(87.24% 0.0863 90.53) 16.1%, oklch(85.99% 0.0922 89.41) 19.4%, oklch(84.76% 0.0974 88.31) 22.6%, oklch(83.57% 0.1015 87.27) 25.8%, oklch(82.39% 0.1052 86.22) 29.0%, oklch(81.19% 0.1086 85.15) 32.3%, oklch(79.96% 0.1116 84.05) 35.5%, oklch(78.71% 0.1143 82.95) 38.7%, oklch(77.42% 0.1165 81.83) 41.9%, oklch(76.09% 0.1183 80.72) 45.2%, oklch(74.72% 0.1195 79.62) 48.4%, oklch(73.29% 0.1201 78.52) 51.6%, oklch(71.80% 0.1200 77.42) 54.8%, oklch(70.24% 0.1193 76.31) 58.1%, oklch(68.64% 0.1181 75.19) 61.3%, oklch(67.02% 0.1165 74.09) 64.5%, oklch(65.40% 0.1147 72.99) 67.7%, oklch(63.78% 0.1127 71.92) 71.0%, oklch(62.20% 0.1107 70.87) 74.2%, oklch(60.60% 0.1086 69.83) 77.4%, oklch(58.88% 0.1059 68.73) 80.6%, oklch(57.11% 0.1029 67.61) 83.9%, oklch(55.36% 0.0997 66.52) 87.1%, oklch(53.70% 0.0966 65.50) 90.3%, oklch(52.20% 0.0937 64.58) 93.5%, oklch(50.94% 0.0913 63.80) 96.8%, oklch(50.00% 0.0896 63.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.061 | 94.9 |
| 2 | 0.839 | 0.101 | 87.5 |
| 3 | 0.74 | 0.12 | 79.1 |
| 4 | 0.618 | 0.11 | 70.6 |
| 5 | 0.5 | 0.09 | 63.2 |

## In these collections

- [Scandinavian Christmas color palette](https://grabient.com/scandinavian-christmas-color-palette)

## Other forms

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