# Gold and burgundy sweep

Analogous beige, maroon and yellow linear gradient with 32 colors: #e0db8d, #ddd283, #d7c677, #d0b869, #c8a85a, #bf964a, #b5843a, #aa712b, #9e5f1e, #924d12, #873d08, #7c2e03, #722101, #6a1500, #650b01, #620501, #630401, #680a01, #701501, #7a2102, #862f03, #943f05, #a3510c, #b16316, #c07722, #cd8c30, #daa03f, #e5b44e, #eec65d, #f6d66c, #fce378, #ffed8a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous beige, maroon and yellow linear gradient
- Seed: `kS30hKqC23HevyC`
- Page: https://grabient.com/kS30hKqC23HevyC?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark center, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.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 | `#e0db8d` | `oklch(87.80% 0.0992 104.77)` | Lively Laugh | black, 14.6 to 1 |
| 2 | `#ddd283` | `oklch(85.52% 0.1002 101.76)` | Treasury | black, 13.6 to 1 |
| 3 | `#d7c677` | `oklch(82.42% 0.1015 97.71)` | Labrador’s Locks | black, 12.2 to 1 |
| 4 | `#d0b869` | `oklch(78.65% 0.1029 92.78)` | Trumpet | black, 10.7 to 1 |
| 5 | `#c8a85a` | `oklch(74.33% 0.1046 87.16)` | Laser | black, 9.1 to 1 |
| 6 | `#bf964a` | `oklch(69.61% 0.1064 81.01)` | Narcissus | black, 7.6 to 1 |
| 7 | `#b5843a` | `oklch(64.64% 0.1084 74.53)` | Andouille | black, 6.2 to 1 |
| 8 | `#aa712b` | `oklch(59.54% 0.1104 67.88)` | Inca Gold | black, 5 to 1 |
| 9 | `#9e5f1e` | `oklch(54.48% 0.1125 61.24)` | Tortoiseshell Specs | white, 5.1 to 1 |
| 10 | `#924d12` | `oklch(49.57% 0.1145 54.80)` | Parasite Brown | white, 6.3 to 1 |
| 11 | `#873d08` | `oklch(44.98% 0.1166 48.72)` | Gryphonne Sepia Wash | white, 7.8 to 1 |
| 12 | `#7c2e03` | `oklch(40.83% 0.1185 43.18)` | Reddish Brown | white, 9.3 to 1 |
| 13 | `#722101` | `oklch(37.27% 0.1204 38.36)` | Burning Steppes | white, 10.8 to 1 |
| 14 | `#6a1500` | `oklch(34.45% 0.1221 34.44)` | Reddy Brown | white, 12.1 to 1 |
| 15 | `#650b01` | `oklch(32.49% 0.1236 31.60)` | Blood of Zeus | white, 13.1 to 1 |
| 16 | `#620501` | `oklch(31.54% 0.1248 30.01)` | Vampire Hunter | white, 13.6 to 1 |
| 17 | `#630401` | `oklch(31.75% 0.1259 29.83)` | Red Blood | white, 13.5 to 1 |
| 18 | `#680a01` | `oklch(33.13% 0.1268 31.07)` | Beastly Red | white, 12.8 to 1 |
| 19 | `#701501` | `oklch(35.53% 0.1275 33.53)` | Cedar Wood Finish | white, 11.7 to 1 |
| 20 | `#7a2102` | `oklch(38.82% 0.1281 37.06)` | Buried Lust | white, 10.2 to 1 |
| 21 | `#862f03` | `oklch(42.85% 0.1287 41.49)` | Coffee Addiction | white, 8.6 to 1 |
| 22 | `#943f05` | `oklch(47.47% 0.1291 46.63)` | Hot Brown | white, 7 to 1 |
| 23 | `#a3510c` | `oklch(52.54% 0.1294 52.31)` | Windsor Brown | white, 5.6 to 1 |
| 24 | `#b16316` | `oklch(57.91% 0.1297 58.37)` | Orange Brown | black, 4.6 to 1 |
| 25 | `#c07722` | `oklch(63.43% 0.1299 64.62)` | Maine Coon Orange | black, 5.9 to 1 |
| 26 | `#cd8c30` | `oklch(68.95% 0.1301 70.91)` | Brown Beige | black, 7.3 to 1 |
| 27 | `#daa03f` | `oklch(74.34% 0.1303 77.04)` | Golden Hamster | black, 9 to 1 |
| 28 | `#e5b44e` | `oklch(79.45% 0.1304 82.86)` | Va Va Voom | black, 10.9 to 1 |
| 29 | `#eec65d` | `oklch(84.12% 0.1305 88.19)` | Blonde Girl | black, 12.8 to 1 |
| 30 | `#f6d66c` | `oklch(88.22% 0.1306 92.85)` | Forsythia Blossom | black, 14.7 to 1 |
| 31 | `#fce378` | `oklch(91.59% 0.1307 96.67)` | Sweet Corn | black, 16.4 to 1 |
| 32 | `#ffed8a` | `oklch(94.09% 0.1216 99.49)` | Spätzle Yellow | black, 17.7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #e0db8d 0.0%, #ddd283 3.2%, #d7c677 6.5%, #d0b869 9.7%, #c8a85a 12.9%, #bf964a 16.1%, #b5843a 19.4%, #aa712b 22.6%, #9e5f1e 25.8%, #924d12 29.0%, #873d08 32.3%, #7c2e03 35.5%, #722101 38.7%, #6a1500 41.9%, #650b01 45.2%, #620501 48.4%, #630401 51.6%, #680a01 54.8%, #701501 58.1%, #7a2102 61.3%, #862f03 64.5%, #943f05 67.7%, #a3510c 71.0%, #b16316 74.2%, #c07722 77.4%, #cd8c30 80.6%, #daa03f 83.9%, #e5b44e 87.1%, #eec65d 90.3%, #f6d66c 93.5%, #fce378 96.8%, #ffed8a 100.0%);
background: linear-gradient(45deg in oklch, oklch(87.80% 0.0992 104.77) 0.0%, oklch(85.52% 0.1002 101.76) 3.2%, oklch(82.42% 0.1015 97.71) 6.5%, oklch(78.65% 0.1029 92.78) 9.7%, oklch(74.33% 0.1046 87.16) 12.9%, oklch(69.61% 0.1064 81.01) 16.1%, oklch(64.64% 0.1084 74.53) 19.4%, oklch(59.54% 0.1104 67.88) 22.6%, oklch(54.48% 0.1125 61.24) 25.8%, oklch(49.57% 0.1145 54.80) 29.0%, oklch(44.98% 0.1166 48.72) 32.3%, oklch(40.83% 0.1185 43.18) 35.5%, oklch(37.27% 0.1204 38.36) 38.7%, oklch(34.45% 0.1221 34.44) 41.9%, oklch(32.49% 0.1236 31.60) 45.2%, oklch(31.54% 0.1248 30.01) 48.4%, oklch(31.75% 0.1259 29.83) 51.6%, oklch(33.13% 0.1268 31.07) 54.8%, oklch(35.53% 0.1275 33.53) 58.1%, oklch(38.82% 0.1281 37.06) 61.3%, oklch(42.85% 0.1287 41.49) 64.5%, oklch(47.47% 0.1291 46.63) 67.7%, oklch(52.54% 0.1294 52.31) 71.0%, oklch(57.91% 0.1297 58.37) 74.2%, oklch(63.43% 0.1299 64.62) 77.4%, oklch(68.95% 0.1301 70.91) 80.6%, oklch(74.34% 0.1303 77.04) 83.9%, oklch(79.45% 0.1304 82.86) 87.1%, oklch(84.12% 0.1305 88.19) 90.3%, oklch(88.22% 0.1306 92.85) 93.5%, oklch(91.59% 0.1307 96.67) 96.8%, oklch(94.09% 0.1216 99.49) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.878 | 0.099 | 104.8 |
| 2 | 0.315 | 0.125 | 29.7 |
| 3 | 0.941 | 0.131 | 99.5 |

## In these collections

- [Orange gradients](https://grabient.com/orange-gradients)

## Other forms

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