# Duotone tan to purple angular gradient

Duotone tan to purple angular gradient with 32 colors: #c6b48c, #c5b187, #c4ad80, #c3a979, #c2a370, #c09d67, #bf975e, #bd9155, #bb8b4e, #b88447, #b47e41, #b1773a, #ad7034, #a8692f, #a4632b, #a05c28, #9c5627, #975126, #924b27, #8c4628, #874229, #823d2b, #7d392e, #793531, #753236, #712f3c, #6d2d43, #692b4b, #632b53, #5e2b59, #592c5e, #552c61. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWxSo91aM-MQoPc1IrxryQ4A`
- Page: https://grabient.com/kWxSo91aM-MQoPc1IrxryQ4A?style=angularGradient&steps=32
- Drawn as: angular gradient, 32 steps, 90 degrees
- Kinds: light to dark, warm
- Hues: wide
- 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 | `#c6b48c` | `oklch(77.56% 0.0579 86.48)` | Earthy Cane | black, 10.3 to 1 |
| 2 | `#c5b187` | `oklch(76.76% 0.0611 85.32)` | Green Gold | black, 10 to 1 |
| 3 | `#c4ad80` | `oklch(75.73% 0.0657 83.80)` | Cliff Ridge | black, 9.6 to 1 |
| 4 | `#c3a979` | `oklch(74.50% 0.0711 81.98)` | Gold Rush | black, 9.2 to 1 |
| 5 | `#c2a370` | `oklch(73.12% 0.0771 79.95)` | Hashibami Brown | black, 8.7 to 1 |
| 6 | `#c09d67` | `oklch(71.63% 0.0830 77.77)` | Mojave Gold | black, 8.2 to 1 |
| 7 | `#bf975e` | `oklch(70.08% 0.0887 75.54)` | Cheers! | black, 7.7 to 1 |
| 8 | `#bd9155` | `oklch(68.50% 0.0935 73.31)` | Radiance | black, 7.3 to 1 |
| 9 | `#bb8b4e` | `oklch(66.93% 0.0973 71.16)` | Barista’s Favourite | black, 6.8 to 1 |
| 10 | `#b88447` | `oklch(65.28% 0.1004 69.10)` | Arrakis Spice | black, 6.4 to 1 |
| 11 | `#b47e41` | `oklch(63.52% 0.1031 67.05)` | Spruce Yellow | black, 5.9 to 1 |
| 12 | `#b1773a` | `oklch(61.69% 0.1055 64.97)` | Durian | black, 5.5 to 1 |
| 13 | `#ad7034` | `oklch(59.83% 0.1074 62.80)` | Reno Sand | black, 5.1 to 1 |
| 14 | `#a8692f` | `oklch(57.97% 0.1088 60.49)` | Golden Oak | black, 4.7 to 1 |
| 15 | `#a4632b` | `oklch(56.14% 0.1098 57.98)` | Mai Tai | white, 4.7 to 1 |
| 16 | `#a05c28` | `oklch(54.38% 0.1102 55.22)` | Glazed Ginger | white, 5.1 to 1 |
| 17 | `#9c5627` | `oklch(52.71% 0.1100 52.22)` | Ethiopian Wolf | white, 5.5 to 1 |
| 18 | `#975126` | `oklch(51.03% 0.1088 49.29)` | Rusty | white, 5.9 to 1 |
| 19 | `#924b27` | `oklch(49.34% 0.1068 46.34)` | Khaki Brown | white, 6.4 to 1 |
| 20 | `#8c4628` | `oklch(47.68% 0.1043 43.22)` | Madeira Brown | white, 6.9 to 1 |
| 21 | `#874229` | `oklch(46.08% 0.1015 39.75)` | Olive Niçoise | white, 7.4 to 1 |
| 22 | `#823d2b` | `oklch(44.58% 0.0989 35.78)` | Grill Master | white, 7.9 to 1 |
| 23 | `#7d392e` | `oklch(43.21% 0.0967 31.13)` | Smoked Paprika | white, 8.4 to 1 |
| 24 | `#793531` | `oklch(42.01% 0.0953 25.66)` | Auburn Lights | white, 8.8 to 1 |
| 25 | `#753236` | `oklch(40.98% 0.0947 18.87)` | Aged Merlot | white, 9.2 to 1 |
| 26 | `#712f3c` | `oklch(40.09% 0.0948 10.29)` | Red Wine Vinegar | white, 9.6 to 1 |
| 27 | `#6d2d43` | `oklch(39.34% 0.0953 0.54)` | Cherry Juice Red | white, 9.9 to 1 |
| 28 | `#692b4b` | `oklch(38.70% 0.0961 350.28)` | Witch Soup | white, 10.2 to 1 |
| 29 | `#632b53` | `oklch(38.17% 0.0970 340.19)` | Velvet Mauve | white, 10.4 to 1 |
| 30 | `#5e2b59` | `oklch(37.72% 0.0980 330.93)` | Charisma | white, 10.6 to 1 |
| 31 | `#592c5e` | `oklch(37.33% 0.0987 323.16)` | Kuwanomi Purple | white, 10.8 to 1 |
| 32 | `#552c61` | `oklch(37.01% 0.0992 317.56)` | Kuwanomi Purple | white, 10.9 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #c6b48c 0.0%, #c5b187 3.2%, #c4ad80 6.5%, #c3a979 9.7%, #c2a370 12.9%, #c09d67 16.1%, #bf975e 19.4%, #bd9155 22.6%, #bb8b4e 25.8%, #b88447 29.0%, #b47e41 32.3%, #b1773a 35.5%, #ad7034 38.7%, #a8692f 41.9%, #a4632b 45.2%, #a05c28 48.4%, #9c5627 51.6%, #975126 54.8%, #924b27 58.1%, #8c4628 61.3%, #874229 64.5%, #823d2b 67.7%, #7d392e 71.0%, #793531 74.2%, #753236 77.4%, #712f3c 80.6%, #6d2d43 83.9%, #692b4b 87.1%, #632b53 90.3%, #5e2b59 93.5%, #592c5e 96.8%, #552c61 100.0%);
background: conic-gradient(from 90deg in oklch, oklch(77.56% 0.0579 86.48) 0.0%, oklch(76.76% 0.0611 85.32) 3.2%, oklch(75.73% 0.0657 83.80) 6.5%, oklch(74.50% 0.0711 81.98) 9.7%, oklch(73.12% 0.0771 79.95) 12.9%, oklch(71.63% 0.0830 77.77) 16.1%, oklch(70.08% 0.0887 75.54) 19.4%, oklch(68.50% 0.0935 73.31) 22.6%, oklch(66.93% 0.0973 71.16) 25.8%, oklch(65.28% 0.1004 69.10) 29.0%, oklch(63.52% 0.1031 67.05) 32.3%, oklch(61.69% 0.1055 64.97) 35.5%, oklch(59.83% 0.1074 62.80) 38.7%, oklch(57.97% 0.1088 60.49) 41.9%, oklch(56.14% 0.1098 57.98) 45.2%, oklch(54.38% 0.1102 55.22) 48.4%, oklch(52.71% 0.1100 52.22) 51.6%, oklch(51.03% 0.1088 49.29) 54.8%, oklch(49.34% 0.1068 46.34) 58.1%, oklch(47.68% 0.1043 43.22) 61.3%, oklch(46.08% 0.1015 39.75) 64.5%, oklch(44.58% 0.0989 35.78) 67.7%, oklch(43.21% 0.0967 31.13) 71.0%, oklch(42.01% 0.0953 25.66) 74.2%, oklch(40.98% 0.0947 18.87) 77.4%, oklch(40.09% 0.0948 10.29) 80.6%, oklch(39.34% 0.0953 0.54) 83.9%, oklch(38.70% 0.0961 350.28) 87.1%, oklch(38.17% 0.0970 340.19) 90.3%, oklch(37.72% 0.0980 330.93) 93.5%, oklch(37.33% 0.0987 323.16) 96.8%, oklch(37.01% 0.0992 317.56) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.776 | 0.058 | 86.5 |
| 2 | 0.673 | 0.096 | 71.7 |
| 3 | 0.535 | 0.11 | 53.7 |
| 4 | 0.417 | 0.095 | 24.1 |
| 5 | 0.37 | 0.099 | -42.4 |

## In these collections

- [Vintage gradients](https://grabient.com/vintage-gradients)

## Other forms

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