# Wine and Olive Ember

Warm tan, maroon, olive and brown radial gradient with 64 colors: #e9c983, #e7c47f, #e4bd7b, #e2b675, #dead70, #daa46b, #d69a67, #d09063, #ca865f, #c37c5c, #bc715a, #b46858, #ac5e57, #a45555, #9b4d54, #934653, #8c3f51, #85394f, #7f344e, #7a304c, #762c4a, #742a48, #732845, #742842, #75283f, #78293b, #7b2b36, #7e2e31, #82312b, #863624, #893c1c, #8b4312, #8d4a04, #8d5200, #8d5a00, #8c6200, #8c6900, #8b6f00, #8a7500, #897a0a, #887e14, #87811a, #87831d, #88831e, #8a831e, #8d821c, #90801a, #937d18, #977a16, #9a7616, #9d7219, #a06e1d, #a26a22, #a46629, #a5612f, #a55e36, #a55a3d, #a45743, #a25449, #a0524e, #9f5153, #9d4f57, #9b4e5a, #994e5d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Warm tan, maroon, olive and brown radial gradient
- Seed: `kU10U9Mye1kuqzNCJTRA`
- Page: https://grabient.com/kU10U9Mye1kuqzNCJTRA?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: dark center, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 6.1 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 | `#e9c983` | `oklch(84.65% 0.0951 85.78)` | Marzipan | black, 13 to 1 |
| 2 | `#e7c47f` | `oklch(83.42% 0.0954 83.29)` | Wild Bamboo | black, 12.5 to 1 |
| 3 | `#e4bd7b` | `oklch(81.88% 0.0959 80.04)` | Cloudy Sunset | black, 11.8 to 1 |
| 4 | `#e2b675` | `oklch(80.07% 0.0964 76.13)` | Veranda Yellow | black, 11.1 to 1 |
| 5 | `#dead70` | `oklch(78.01% 0.0969 71.66)` | Montana Wheat Field | black, 10.3 to 1 |
| 6 | `#daa46b` | `oklch(75.75% 0.0975 66.71)` | Western Sunrise | black, 9.5 to 1 |
| 7 | `#d69a67` | `oklch(73.32% 0.0982 61.38)` | Folksy Gold | black, 8.6 to 1 |
| 8 | `#d09063` | `oklch(70.75% 0.0989 55.76)` | Whiskey | black, 7.8 to 1 |
| 9 | `#ca865f` | `oklch(68.08% 0.0996 49.94)` | Wheatberry | black, 7 to 1 |
| 10 | `#c37c5c` | `oklch(65.35% 0.1003 44.01)` | Terracotta Chip | black, 6.3 to 1 |
| 11 | `#bc715a` | `oklch(62.58% 0.1011 38.07)` | Spiced | black, 5.6 to 1 |
| 12 | `#b46858` | `oklch(59.82% 0.1018 32.21)` | Badlands | black, 5 to 1 |
| 13 | `#ac5e57` | `oklch(57.10% 0.1026 26.51)` | Dried Tomatoes | white, 4.6 to 1 |
| 14 | `#a45555` | `oklch(54.45% 0.1034 21.08)` | The Ego Has Landed | white, 5.2 to 1 |
| 15 | `#9b4d54` | `oklch(51.91% 0.1042 16.00)` | Crantini | white, 5.8 to 1 |
| 16 | `#934653` | `oklch(49.52% 0.1049 11.36)` | Kirsch Red | white, 6.4 to 1 |
| 17 | `#8c3f51` | `oklch(47.30% 0.1057 7.27)` | Liaison | white, 7.1 to 1 |
| 18 | `#85394f` | `oklch(45.30% 0.1064 3.80)` | Camelot | white, 7.7 to 1 |
| 19 | `#7f344e` | `oklch(43.56% 0.1071 1.05)` | Rich Red Violet | white, 8.4 to 1 |
| 20 | `#7a304c` | `oklch(42.09% 0.1077 359.12)` | Flirt | white, 8.9 to 1 |
| 21 | `#762c4a` | `oklch(40.95% 0.1083 358.10)` | Flirt | white, 9.3 to 1 |
| 22 | `#742a48` | `oklch(40.16% 0.1089 358.07)` | Palace Red | white, 9.7 to 1 |
| 23 | `#732845` | `oklch(39.73% 0.1094 359.23)` | Palace Red | white, 9.8 to 1 |
| 24 | `#742842` | `oklch(39.62% 0.1100 1.63)` | Palace Red | white, 9.9 to 1 |
| 25 | `#75283f` | `oklch(39.80% 0.1105 5.12)` | Anthracite Red | white, 9.8 to 1 |
| 26 | `#78293b` | `oklch(40.24% 0.1111 9.58)` | Anthracite Red | white, 9.6 to 1 |
| 27 | `#7b2b36` | `oklch(40.92% 0.1117 14.88)` | Paprika | white, 9.3 to 1 |
| 28 | `#7e2e31` | `oklch(41.80% 0.1123 20.88)` | Fired Brick | white, 9 to 1 |
| 29 | `#82312b` | `oklch(42.86% 0.1129 27.46)` | Dockside Red | white, 8.6 to 1 |
| 30 | `#863624` | `oklch(44.05% 0.1135 34.49)` | Kofta Brown | white, 8.1 to 1 |
| 31 | `#893c1c` | `oklch(45.37% 0.1140 41.84)` | Dusky Orange | white, 7.6 to 1 |
| 32 | `#8b4312` | `oklch(46.77% 0.1145 49.36)` | Saddle Brown | white, 7.2 to 1 |
| 33 | `#8d4a04` | `oklch(48.22% 0.1150 56.94)` | Parasite Brown | white, 6.7 to 1 |
| 34 | `#8d5200` | `oklch(49.71% 0.1121 64.40)` | Plain Old Brown | white, 6.2 to 1 |
| 35 | `#8d5a00` | `oklch(51.19% 0.1098 71.70)` | Rat Brown | white, 5.8 to 1 |
| 36 | `#8c6200` | `oklch(52.64% 0.1095 78.66)` | Rat Brown | white, 5.4 to 1 |
| 37 | `#8c6900` | `oklch(54.03% 0.1107 85.16)` | Muddy Brown | white, 5.1 to 1 |
| 38 | `#8b6f00` | `oklch(55.33% 0.1131 91.05)` | Vermin Brown | white, 4.8 to 1 |
| 39 | `#8a7500` | `oklch(56.51% 0.1163 96.21)` | Vermin Brown | black, 4.6 to 1 |
| 40 | `#897a0a` | `oklch(57.54% 0.1172 100.52)` | Jīn Zōng Gold | black, 4.8 to 1 |
| 41 | `#887e14` | `oklch(58.39% 0.1173 103.82)` | Olive | black, 5 to 1 |
| 42 | `#87811a` | `oklch(59.04% 0.1172 105.99)` | Olive | black, 5.1 to 1 |
| 43 | `#87831d` | `oklch(59.45% 0.1171 106.92)` | Fickle Pickle | black, 5.2 to 1 |
| 44 | `#88831e` | `oklch(59.66% 0.1169 106.60)` | Fickle Pickle | black, 5.3 to 1 |
| 45 | `#8a831e` | `oklch(59.75% 0.1165 105.23)` | Fickle Pickle | black, 5.3 to 1 |
| 46 | `#8d821c` | `oklch(59.72% 0.1161 102.89)` | Fickle Pickle | black, 5.3 to 1 |
| 47 | `#90801a` | `oklch(59.59% 0.1155 99.68)` | Jungle Palm | black, 5.2 to 1 |
| 48 | `#937d18` | `oklch(59.36% 0.1148 95.71)` | Moscow Papyrus | black, 5.1 to 1 |
| 49 | `#977a16` | `oklch(59.04% 0.1141 91.07)` | Cerignola Olive | black, 5.1 to 1 |
| 50 | `#9a7616` | `oklch(58.66% 0.1132 85.86)` | Mesozoic Green | black, 4.9 to 1 |
| 51 | `#9d7219` | `oklch(58.22% 0.1124 80.18)` | Barbarian Leather | black, 4.8 to 1 |
| 52 | `#a06e1d` | `oklch(57.72% 0.1115 74.13)` | Cinnamon Brown | black, 4.7 to 1 |
| 53 | `#a26a22` | `oklch(57.19% 0.1105 67.81)` | Stage Gold | black, 4.6 to 1 |
| 54 | `#a46629` | `oklch(56.63% 0.1096 61.32)` | Gallstone Yellow | white, 4.6 to 1 |
| 55 | `#a5612f` | `oklch(56.06% 0.1086 54.75)` | Scarecrow Frown | white, 4.8 to 1 |
| 56 | `#a55e36` | `oklch(55.47% 0.1077 48.21)` | Copper Creek | white, 4.9 to 1 |
| 57 | `#a55a3d` | `oklch(54.90% 0.1068 41.79)` | Falling Leaves | white, 5 to 1 |
| 58 | `#a45743` | `oklch(54.34% 0.1059 35.59)` | Ceramic Brown | white, 5.2 to 1 |
| 59 | `#a25449` | `oklch(53.81% 0.1050 29.72)` | Baked Clay | white, 5.3 to 1 |
| 60 | `#a0524e` | `oklch(53.32% 0.1043 24.27)` | Bravado Red | white, 5.4 to 1 |
| 61 | `#9f5153` | `oklch(52.88% 0.1035 19.33)` | Sweet Cherry | white, 5.5 to 1 |
| 62 | `#9d4f57` | `oklch(52.50% 0.1029 15.02)` | Cranberry Jam | white, 5.6 to 1 |
| 63 | `#9b4e5a` | `oklch(52.19% 0.1024 11.42)` | Baked Bahama | white, 5.7 to 1 |
| 64 | `#994e5d` | `oklch(51.97% 0.1020 8.64)` | Haitian Flower | white, 5.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e9c983 0.0%, #e7c47f 1.6%, #e4bd7b 3.2%, #e2b675 4.8%, #dead70 6.3%, #daa46b 7.9%, #d69a67 9.5%, #d09063 11.1%, #ca865f 12.7%, #c37c5c 14.3%, #bc715a 15.9%, #b46858 17.5%, #ac5e57 19.0%, #a45555 20.6%, #9b4d54 22.2%, #934653 23.8%, #8c3f51 25.4%, #85394f 27.0%, #7f344e 28.6%, #7a304c 30.2%, #762c4a 31.7%, #742a48 33.3%, #732845 34.9%, #742842 36.5%, #75283f 38.1%, #78293b 39.7%, #7b2b36 41.3%, #7e2e31 42.9%, #82312b 44.4%, #863624 46.0%, #893c1c 47.6%, #8b4312 49.2%, #8d4a04 50.8%, #8d5200 52.4%, #8d5a00 54.0%, #8c6200 55.6%, #8c6900 57.1%, #8b6f00 58.7%, #8a7500 60.3%, #897a0a 61.9%, #887e14 63.5%, #87811a 65.1%, #87831d 66.7%, #88831e 68.3%, #8a831e 69.8%, #8d821c 71.4%, #90801a 73.0%, #937d18 74.6%, #977a16 76.2%, #9a7616 77.8%, #9d7219 79.4%, #a06e1d 81.0%, #a26a22 82.5%, #a46629 84.1%, #a5612f 85.7%, #a55e36 87.3%, #a55a3d 88.9%, #a45743 90.5%, #a25449 92.1%, #a0524e 93.7%, #9f5153 95.2%, #9d4f57 96.8%, #9b4e5a 98.4%, #994e5d 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(84.65% 0.0951 85.78) 0.0%, oklch(83.42% 0.0954 83.29) 1.6%, oklch(81.88% 0.0959 80.04) 3.2%, oklch(80.07% 0.0964 76.13) 4.8%, oklch(78.01% 0.0969 71.66) 6.3%, oklch(75.75% 0.0975 66.71) 7.9%, oklch(73.32% 0.0982 61.38) 9.5%, oklch(70.75% 0.0989 55.76) 11.1%, oklch(68.08% 0.0996 49.94) 12.7%, oklch(65.35% 0.1003 44.01) 14.3%, oklch(62.58% 0.1011 38.07) 15.9%, oklch(59.82% 0.1018 32.21) 17.5%, oklch(57.10% 0.1026 26.51) 19.0%, oklch(54.45% 0.1034 21.08) 20.6%, oklch(51.91% 0.1042 16.00) 22.2%, oklch(49.52% 0.1049 11.36) 23.8%, oklch(47.30% 0.1057 7.27) 25.4%, oklch(45.30% 0.1064 3.80) 27.0%, oklch(43.56% 0.1071 1.05) 28.6%, oklch(42.09% 0.1077 359.12) 30.2%, oklch(40.95% 0.1083 358.10) 31.7%, oklch(40.16% 0.1089 358.07) 33.3%, oklch(39.73% 0.1094 359.23) 34.9%, oklch(39.62% 0.1100 1.63) 36.5%, oklch(39.80% 0.1105 5.12) 38.1%, oklch(40.24% 0.1111 9.58) 39.7%, oklch(40.92% 0.1117 14.88) 41.3%, oklch(41.80% 0.1123 20.88) 42.9%, oklch(42.86% 0.1129 27.46) 44.4%, oklch(44.05% 0.1135 34.49) 46.0%, oklch(45.37% 0.1140 41.84) 47.6%, oklch(46.77% 0.1145 49.36) 49.2%, oklch(48.22% 0.1150 56.94) 50.8%, oklch(49.71% 0.1121 64.40) 52.4%, oklch(51.19% 0.1098 71.70) 54.0%, oklch(52.64% 0.1095 78.66) 55.6%, oklch(54.03% 0.1107 85.16) 57.1%, oklch(55.33% 0.1131 91.05) 58.7%, oklch(56.51% 0.1163 96.21) 60.3%, oklch(57.54% 0.1172 100.52) 61.9%, oklch(58.39% 0.1173 103.82) 63.5%, oklch(59.04% 0.1172 105.99) 65.1%, oklch(59.45% 0.1171 106.92) 66.7%, oklch(59.66% 0.1169 106.60) 68.3%, oklch(59.75% 0.1165 105.23) 69.8%, oklch(59.72% 0.1161 102.89) 71.4%, oklch(59.59% 0.1155 99.68) 73.0%, oklch(59.36% 0.1148 95.71) 74.6%, oklch(59.04% 0.1141 91.07) 76.2%, oklch(58.66% 0.1132 85.86) 77.8%, oklch(58.22% 0.1124 80.18) 79.4%, oklch(57.72% 0.1115 74.13) 81.0%, oklch(57.19% 0.1105 67.81) 82.5%, oklch(56.63% 0.1096 61.32) 84.1%, oklch(56.06% 0.1086 54.75) 85.7%, oklch(55.47% 0.1077 48.21) 87.3%, oklch(54.90% 0.1068 41.79) 88.9%, oklch(54.34% 0.1059 35.59) 90.5%, oklch(53.81% 0.1050 29.72) 92.1%, oklch(53.32% 0.1043 24.27) 93.7%, oklch(52.88% 0.1035 19.33) 95.2%, oklch(52.50% 0.1029 15.02) 96.8%, oklch(52.19% 0.1024 11.42) 98.4%, oklch(51.97% 0.1020 8.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.846 | 0.095 | 85.8 |
| 2 | 0.402 | 0.109 | -1.9 |
| 3 | 0.594 | 0.117 | 106.9 |
| 4 | 0.52 | 0.102 | 8.6 |

## In these collections

- [Autumn gradients](https://grabient.com/autumn-gradients)

## Other forms

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