# Champagne Copper Sheen

Seamless pastel tan and beige angular gradient with 40 colors: #c6a290, #c9a694, #cdac99, #d3b39f, #d9bba6, #dfc3ae, #e5cbb5, #ead2bc, #eed8c1, #f1dcc4, #f2dec5, #f1ddc2, #eed9bc, #ead5b4, #e5cfaa, #dfc9a1, #dac398, #d5be90, #d2ba8a, #d0b887, #d1b888, #d5bc8e, #dac196, #e1c8a1, #e8cfae, #efd7ba, #f5dfc6, #fae5d0, #fde9d7, #feeada, #fde8d9, #f9e2d3, #f3dacb, #edd1c1, #e6c6b6, #debaab, #d7afa0, #d0a696, #cb9e8f, #c7988a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Seamless pastel tan and beige angular gradient
- Seed: `kWvCQic47C2SZwV4iz025Y9I`
- Page: https://grabient.com/kWvCQic47C2SZwV4iz025Y9I?style=angularGradient&steps=40&angle=45
- Drawn as: angular gradient, 40 steps, 45 degrees
- Kinds: pastel, light, warm, monochrome, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.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 | `#c6a290` | `oklch(74.02% 0.0496 47.81)` | Dune Beige | black, 8.9 to 1 |
| 2 | `#c9a694` | `oklch(75.19% 0.0488 49.36)` | Moenkopi Soil | black, 9.3 to 1 |
| 3 | `#cdac99` | `oklch(76.87% 0.0476 51.44)` | Frappé | black, 9.9 to 1 |
| 4 | `#d3b39f` | `oklch(78.92% 0.0460 53.91)` | Soba | black, 10.7 to 1 |
| 5 | `#d9bba6` | `oklch(81.18% 0.0444 56.68)` | Maiko | black, 11.5 to 1 |
| 6 | `#dfc3ae` | `oklch(83.51% 0.0427 59.61)` | Tailor’s Buff | black, 12.5 to 1 |
| 7 | `#e5cbb5` | `oklch(85.76% 0.0412 62.59)` | Take-Out | black, 13.5 to 1 |
| 8 | `#ead2bc` | `oklch(87.78% 0.0401 65.49)` | Puppy Paws | black, 14.4 to 1 |
| 9 | `#eed8c1` | `oklch(89.42% 0.0394 68.20)` | Oak Shaving | black, 15.2 to 1 |
| 10 | `#f1dcc4` | `oklch(90.54% 0.0394 70.60)` | Sweet Sand | black, 15.7 to 1 |
| 11 | `#f2dec5` | `oklch(90.98% 0.0403 72.58)` | Impressive Ivory | black, 16 to 1 |
| 12 | `#f1ddc2` | `oklch(90.63% 0.0424 74.48)` | Jakarta | black, 15.8 to 1 |
| 13 | `#eed9bc` | `oklch(89.62% 0.0457 76.38)` | Cameo White | black, 15.3 to 1 |
| 14 | `#ead5b4` | `oklch(88.12% 0.0497 78.22)` | Rutabaga | black, 14.6 to 1 |
| 15 | `#e5cfaa` | `oklch(86.31% 0.0542 79.93)` | Dried Plantain | black, 13.8 to 1 |
| 16 | `#dfc9a1` | `oklch(84.39% 0.0587 81.44)` | So Close | black, 12.9 to 1 |
| 17 | `#dac398` | `oklch(82.53% 0.0629 82.66)` | Chamomile Tea | black, 12.2 to 1 |
| 18 | `#d5be90` | `oklch(80.91% 0.0665 83.54)` | Bowman Beige | black, 11.5 to 1 |
| 19 | `#d2ba8a` | `oklch(79.72% 0.0691 84.00)` | Buckskin | black, 11.1 to 1 |
| 20 | `#d0b887` | `oklch(79.14% 0.0703 83.97)` | Appalachian Trail | black, 10.8 to 1 |
| 21 | `#d1b888` | `oklch(79.35% 0.0698 83.35)` | Appalachian Trail | black, 10.9 to 1 |
| 22 | `#d5bc8e` | `oklch(80.43% 0.0673 82.09)` | Buckskin | black, 11.3 to 1 |
| 23 | `#dac196` | `oklch(82.16% 0.0633 80.25)` | Grain Mill | black, 12 to 1 |
| 24 | `#e1c8a1` | `oklch(84.35% 0.0582 77.97)` | Biltmore Buff | black, 12.9 to 1 |
| 25 | `#e8cfae` | `oklch(86.77% 0.0525 75.35)` | Sugar Cookie Crust | black, 14 to 1 |
| 26 | `#efd7ba` | `oklch(89.22% 0.0466 72.50)` | Cameo White | black, 15.1 to 1 |
| 27 | `#f5dfc6` | `oklch(91.47% 0.0410 69.53)` | Flower of Oahu | black, 16.2 to 1 |
| 28 | `#fae5d0` | `oklch(93.32% 0.0362 66.57)` | Full Cream | black, 17.1 to 1 |
| 29 | `#fde9d7` | `oklch(94.55% 0.0325 63.72)` | Serenade | black, 17.8 to 1 |
| 30 | `#feeada` | `oklch(94.94% 0.0305 61.10)` | Guiding Star | black, 18 to 1 |
| 31 | `#fde8d9` | `oklch(94.33% 0.0304 58.64)` | Guiding Star | black, 17.6 to 1 |
| 32 | `#f9e2d3` | `oklch(92.81% 0.0319 56.01)` | Mette Penne | black, 16.8 to 1 |
| 33 | `#f3dacb` | `oklch(90.59% 0.0346 53.27)` | Angelic Pink | black, 15.7 to 1 |
| 34 | `#edd1c1` | `oklch(87.87% 0.0382 50.49)` | Peach Blossom Red | black, 14.4 to 1 |
| 35 | `#e6c6b6` | `oklch(84.84% 0.0424 47.75)` | Cupcake Rose | black, 13 to 1 |
| 36 | `#debaab` | `oklch(81.70% 0.0469 45.12)` | Pickled Pork | black, 11.7 to 1 |
| 37 | `#d7afa0` | `oklch(78.65% 0.0512 42.68)` | Montezuma’s Castle | black, 10.5 to 1 |
| 38 | `#d0a696` | `oklch(75.90% 0.0552 40.51)` | Pink Ginger | black, 9.5 to 1 |
| 39 | `#cb9e8f` | `oklch(73.63% 0.0584 38.67)` | Artefact | black, 8.8 to 1 |
| 40 | `#c7988a` | `oklch(72.05% 0.0606 37.25)` | Persian Bazaar | black, 8.2 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #c6a290 0.0%, #c9a694 2.6%, #cdac99 5.1%, #d3b39f 7.7%, #d9bba6 10.3%, #dfc3ae 12.8%, #e5cbb5 15.4%, #ead2bc 17.9%, #eed8c1 20.5%, #f1dcc4 23.1%, #f2dec5 25.6%, #f1ddc2 28.2%, #eed9bc 30.8%, #ead5b4 33.3%, #e5cfaa 35.9%, #dfc9a1 38.5%, #dac398 41.0%, #d5be90 43.6%, #d2ba8a 46.2%, #d0b887 48.7%, #d1b888 51.3%, #d5bc8e 53.8%, #dac196 56.4%, #e1c8a1 59.0%, #e8cfae 61.5%, #efd7ba 64.1%, #f5dfc6 66.7%, #fae5d0 69.2%, #fde9d7 71.8%, #feeada 74.4%, #fde8d9 76.9%, #f9e2d3 79.5%, #f3dacb 82.1%, #edd1c1 84.6%, #e6c6b6 87.2%, #debaab 89.7%, #d7afa0 92.3%, #d0a696 94.9%, #cb9e8f 97.4%, #c7988a 100.0%);
background: conic-gradient(from 45deg in oklch, oklch(74.02% 0.0496 47.81) 0.0%, oklch(75.19% 0.0488 49.36) 2.6%, oklch(76.87% 0.0476 51.44) 5.1%, oklch(78.92% 0.0460 53.91) 7.7%, oklch(81.18% 0.0444 56.68) 10.3%, oklch(83.51% 0.0427 59.61) 12.8%, oklch(85.76% 0.0412 62.59) 15.4%, oklch(87.78% 0.0401 65.49) 17.9%, oklch(89.42% 0.0394 68.20) 20.5%, oklch(90.54% 0.0394 70.60) 23.1%, oklch(90.98% 0.0403 72.58) 25.6%, oklch(90.63% 0.0424 74.48) 28.2%, oklch(89.62% 0.0457 76.38) 30.8%, oklch(88.12% 0.0497 78.22) 33.3%, oklch(86.31% 0.0542 79.93) 35.9%, oklch(84.39% 0.0587 81.44) 38.5%, oklch(82.53% 0.0629 82.66) 41.0%, oklch(80.91% 0.0665 83.54) 43.6%, oklch(79.72% 0.0691 84.00) 46.2%, oklch(79.14% 0.0703 83.97) 48.7%, oklch(79.35% 0.0698 83.35) 51.3%, oklch(80.43% 0.0673 82.09) 53.8%, oklch(82.16% 0.0633 80.25) 56.4%, oklch(84.35% 0.0582 77.97) 59.0%, oklch(86.77% 0.0525 75.35) 61.5%, oklch(89.22% 0.0466 72.50) 64.1%, oklch(91.47% 0.0410 69.53) 66.7%, oklch(93.32% 0.0362 66.57) 69.2%, oklch(94.55% 0.0325 63.72) 71.8%, oklch(94.94% 0.0305 61.10) 74.4%, oklch(94.33% 0.0304 58.64) 76.9%, oklch(92.81% 0.0319 56.01) 79.5%, oklch(90.59% 0.0346 53.27) 82.1%, oklch(87.87% 0.0382 50.49) 84.6%, oklch(84.84% 0.0424 47.75) 87.2%, oklch(81.70% 0.0469 45.12) 89.7%, oklch(78.65% 0.0512 42.68) 92.3%, oklch(75.90% 0.0552 40.51) 94.9%, oklch(73.63% 0.0584 38.67) 97.4%, oklch(72.05% 0.0606 37.25) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.74 | 0.05 | 47.8 |
| 2 | 0.909 | 0.04 | 72.1 |
| 3 | 0.791 | 0.07 | 83.7 |
| 4 | 0.949 | 0.03 | 60.5 |
| 5 | 0.72 | 0.061 | 37.2 |

## In these collections

- [Bronze gradients](https://grabient.com/bronze-gradients)

## Other forms

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