# Gold and copper sweep

Analogous tan to red linear gradient with 32 colors: #d2c167, #d2c06e, #d3c077, #d4c083, #d3c08e, #d1bf98, #cdbd9d, #c8b89e, #c0b099, #b6a28b, #aa9076, #9d7c5f, #906647, #855231, #7b411f, #753512, #74310c, #77340f, #7f3d17, #894922, #94572e, #9f643a, #a96f43, #b17548, #b57546, #b97140, #bb6a38, #bc612f, #bc5626, #bb4a1e, #bb4019, #bb3817. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous tan to red linear gradient
- Seed: `kWzVJG4g29TMlvDOo8FQ769Q`
- Page: https://grabient.com/kWzVJG4g29TMlvDOo8FQ769Q?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark center, warm
- Hues: analogous
- 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 | `#d2c167` | `oklch(80.71% 0.1130 99.14)` | Mustard Oil | black, 11.5 to 1 |
| 2 | `#d2c06e` | `oklch(80.67% 0.1059 97.43)` | Mustard Oil | black, 11.5 to 1 |
| 3 | `#d3c077` | `oklch(80.87% 0.0953 95.22)` | Citrus Yellow | black, 11.6 to 1 |
| 4 | `#d4c083` | `oklch(81.13% 0.0826 92.60)` | Winter Hazel | black, 11.7 to 1 |
| 5 | `#d3c08e` | `oklch(81.25% 0.0693 89.64)` | Monument Green | black, 11.7 to 1 |
| 6 | `#d1bf98` | `oklch(81.04% 0.0567 86.43)` | Sandy Pail | black, 11.6 to 1 |
| 7 | `#cdbd9d` | `oklch(80.30% 0.0462 83.04)` | Bungalow Taupe | black, 11.3 to 1 |
| 8 | `#c8b89e` | `oklch(78.84% 0.0393 79.57)` | Forgotten Gold | black, 10.7 to 1 |
| 9 | `#c0b099` | `oklch(76.45% 0.0372 76.05)` | Timber Dust | black, 9.9 to 1 |
| 10 | `#b6a28b` | `oklch(72.45% 0.0406 71.90)` | Chateau | black, 8.5 to 1 |
| 11 | `#aa9076` | `oklch(67.11% 0.0482 67.14)` | Pioneer Village | black, 6.9 to 1 |
| 12 | `#9d7c5f` | `oklch(61.02% 0.0586 62.11)` | Sandpit | black, 5.4 to 1 |
| 13 | `#906647` | `oklch(54.76% 0.0704 57.15)` | Copper Pot | white, 5 to 1 |
| 14 | `#855231` | `oklch(48.93% 0.0823 52.60)` | Charred Clay | white, 6.4 to 1 |
| 15 | `#7b411f` | `oklch(44.13% 0.0929 48.80)` | Walnut | white, 8 to 1 |
| 16 | `#753512` | `oklch(40.95% 0.1008 46.09)` | Beer Glazed Bacon | white, 9.2 to 1 |
| 17 | `#74310c` | `oklch(39.96% 0.1049 44.84)` | Beer Glazed Bacon | white, 9.6 to 1 |
| 18 | `#77340f` | `oklch(41.11% 0.1056 45.28)` | Beer Glazed Bacon | white, 9.1 to 1 |
| 19 | `#7f3d17` | `oklch(43.87% 0.1041 46.98)` | Kara Cha Brown | white, 8.1 to 1 |
| 20 | `#894922` | `oklch(47.65% 0.1013 49.44)` | Brown Eyed Girl | white, 6.8 to 1 |
| 21 | `#94572e` | `oklch(51.88% 0.0982 52.17)` | Sugar Almond | white, 5.7 to 1 |
| 22 | `#9f643a` | `oklch(55.99% 0.0957 54.67)` | Earth | white, 4.8 to 1 |
| 23 | `#a96f43` | `oklch(59.40% 0.0950 56.44)` | Stroopwafel | black, 5 to 1 |
| 24 | `#b17548` | `oklch(61.54% 0.0968 56.98)` | Copper Mine | black, 5.5 to 1 |
| 25 | `#b57546` | `oklch(62.13% 0.1022 55.96)` | Copper Mine | black, 5.6 to 1 |
| 26 | `#b97140` | `oklch(61.74% 0.1107 53.71)` | Spice Cake | black, 5.5 to 1 |
| 27 | `#bb6a38` | `oklch(60.62% 0.1214 50.59)` | Ripe Peach | black, 5.2 to 1 |
| 28 | `#bc612f` | `oklch(59.05% 0.1332 46.97)` | Hell’s Bells | black, 4.8 to 1 |
| 29 | `#bc5626` | `oklch(57.26% 0.1452 43.21)` | Roland-Garros | white, 4.6 to 1 |
| 30 | `#bb4a1e` | `oklch(55.52% 0.1564 39.66)` | Spice Market | white, 5 to 1 |
| 31 | `#bb4019` | `oklch(54.06% 0.1657 36.70)` | Devil’s Butterfly | white, 5.4 to 1 |
| 32 | `#bb3817` | `oklch(53.15% 0.1722 34.68)` | Dropped Brick | white, 5.6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #d2c167 0.0%, #d2c06e 3.2%, #d3c077 6.5%, #d4c083 9.7%, #d3c08e 12.9%, #d1bf98 16.1%, #cdbd9d 19.4%, #c8b89e 22.6%, #c0b099 25.8%, #b6a28b 29.0%, #aa9076 32.3%, #9d7c5f 35.5%, #906647 38.7%, #855231 41.9%, #7b411f 45.2%, #753512 48.4%, #74310c 51.6%, #77340f 54.8%, #7f3d17 58.1%, #894922 61.3%, #94572e 64.5%, #9f643a 67.7%, #a96f43 71.0%, #b17548 74.2%, #b57546 77.4%, #b97140 80.6%, #bb6a38 83.9%, #bc612f 87.1%, #bc5626 90.3%, #bb4a1e 93.5%, #bb4019 96.8%, #bb3817 100.0%);
background: linear-gradient(45deg in oklch, oklch(80.71% 0.1130 99.14) 0.0%, oklch(80.67% 0.1059 97.43) 3.2%, oklch(80.87% 0.0953 95.22) 6.5%, oklch(81.13% 0.0826 92.60) 9.7%, oklch(81.25% 0.0693 89.64) 12.9%, oklch(81.04% 0.0567 86.43) 16.1%, oklch(80.30% 0.0462 83.04) 19.4%, oklch(78.84% 0.0393 79.57) 22.6%, oklch(76.45% 0.0372 76.05) 25.8%, oklch(72.45% 0.0406 71.90) 29.0%, oklch(67.11% 0.0482 67.14) 32.3%, oklch(61.02% 0.0586 62.11) 35.5%, oklch(54.76% 0.0704 57.15) 38.7%, oklch(48.93% 0.0823 52.60) 41.9%, oklch(44.13% 0.0929 48.80) 45.2%, oklch(40.95% 0.1008 46.09) 48.4%, oklch(39.96% 0.1049 44.84) 51.6%, oklch(41.11% 0.1056 45.28) 54.8%, oklch(43.87% 0.1041 46.98) 58.1%, oklch(47.65% 0.1013 49.44) 61.3%, oklch(51.88% 0.0982 52.17) 64.5%, oklch(55.99% 0.0957 54.67) 67.7%, oklch(59.40% 0.0950 56.44) 71.0%, oklch(61.54% 0.0968 56.98) 74.2%, oklch(62.13% 0.1022 55.96) 77.4%, oklch(61.74% 0.1107 53.71) 80.6%, oklch(60.62% 0.1214 50.59) 83.9%, oklch(59.05% 0.1332 46.97) 87.1%, oklch(57.26% 0.1452 43.21) 90.3%, oklch(55.52% 0.1564 39.66) 93.5%, oklch(54.06% 0.1657 36.70) 96.8%, oklch(53.15% 0.1722 34.68) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.807 | 0.113 | 99.1 |
| 2 | 0.772 | 0.037 | 76.9 |
| 3 | 0.402 | 0.103 | 45.2 |
| 4 | 0.618 | 0.098 | 56.9 |
| 5 | 0.531 | 0.172 | 34.7 |

## In these collections

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

## Other forms

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