# Monochrome tan to brown angular gradient

Monochrome tan to brown angular gradient with 48 colors: #e2bf75, #e0bd73, #deba70, #ddb76d, #dab369, #d8b065, #d6ac61, #d3a75d, #d0a358, #cd9e54, #ca9a4f, #c7954b, #c49046, #c08c42, #bd873e, #b9833b, #b67f38, #b27a35, #ae7633, #ab7230, #a76e2e, #a36a2c, #9e662a, #9a6228, #965e27, #915a25, #8d5624, #885222, #834e21, #7e4a1f, #79471d, #74431c, #6f3f1a, #693b19, #633717, #5d3315, #572f13, #502b12, #4a2710, #43230e, #3d1f0d, #371c0b, #321809, #2d1508, #281307, #241006, #210e05, #1e0d05. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU0Ek80ag-LafPiXDL8A`
- Page: https://grabient.com/kU0Ek80ag-LafPiXDL8A?style=angularGradient&steps=48&angle=240
- Drawn as: angular gradient, 48 steps, 240 degrees
- Kinds: light to dark, vivid, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.7 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 | `#e2bf75` | `oklch(81.89% 0.1006 85.08)` | Cloudy Sunset | black, 11.9 to 1 |
| 2 | `#e0bd73` | `oklch(81.26% 0.1010 84.55)` | Swiftly Green | black, 11.6 to 1 |
| 3 | `#deba70` | `oklch(80.51% 0.1016 83.91)` | Tahini | black, 11.3 to 1 |
| 4 | `#ddb76d` | `oklch(79.66% 0.1023 83.17)` | English Custard | black, 11 to 1 |
| 5 | `#dab369` | `oklch(78.71% 0.1032 82.35)` | Burst of Gold | black, 10.6 to 1 |
| 6 | `#d8b065` | `oklch(77.67% 0.1041 81.45)` | Dylan Velvet | black, 10.2 to 1 |
| 7 | `#d6ac61` | `oklch(76.56% 0.1051 80.49)` | Butterscotch Bliss | black, 9.8 to 1 |
| 8 | `#d3a75d` | `oklch(75.38% 0.1061 79.48)` | Cat’s Eye Marble | black, 9.4 to 1 |
| 9 | `#d0a358` | `oklch(74.15% 0.1071 78.43)` | Excitable | black, 9 to 1 |
| 10 | `#cd9e54` | `oklch(72.88% 0.1080 77.35)` | Bright Gold | black, 8.6 to 1 |
| 11 | `#ca9a4f` | `oklch(71.58% 0.1089 76.25)` | Gingerbread House | black, 8.2 to 1 |
| 12 | `#c7954b` | `oklch(70.26% 0.1096 75.15)` | Narcissus | black, 7.8 to 1 |
| 13 | `#c49046` | `oklch(68.93% 0.1101 74.06)` | Yellow Ochre | black, 7.4 to 1 |
| 14 | `#c08c42` | `oklch(67.61% 0.1105 72.98)` | Golden Leaf | black, 7 to 1 |
| 15 | `#bd873e` | `oklch(66.30% 0.1106 71.93)` | Peanut Butter | black, 6.6 to 1 |
| 16 | `#b9833b` | `oklch(65.01% 0.1105 70.93)` | Amber Essence | black, 6.3 to 1 |
| 17 | `#b67f38` | `oklch(63.76% 0.1101 69.97)` | Gilded Gold | black, 6 to 1 |
| 18 | `#b27a35` | `oklch(62.50% 0.1094 69.00)` | Durian | black, 5.7 to 1 |
| 19 | `#ae7633` | `oklch(61.23% 0.1086 68.01)` | Deer Leather | black, 5.4 to 1 |
| 20 | `#ab7230` | `oklch(59.95% 0.1077 67.00)` | Deer Leather | black, 5.1 to 1 |
| 21 | `#a76e2e` | `oklch(58.65% 0.1066 65.99)` | Inca Gold | black, 4.9 to 1 |
| 22 | `#a36a2c` | `oklch(57.33% 0.1053 64.96)` | Theatre Gold | black, 4.6 to 1 |
| 23 | `#9e662a` | `oklch(56.01% 0.1040 63.94)` | Caramel Kisses | white, 4.7 to 1 |
| 24 | `#9a6228` | `oklch(54.66% 0.1024 62.93)` | Cathay Spice | white, 5 to 1 |
| 25 | `#965e27` | `oklch(53.31% 0.1008 61.92)` | Chilli Con Carne | white, 5.3 to 1 |
| 26 | `#915a25` | `oklch(51.93% 0.0990 60.94)` | Afghan Carpet | white, 5.6 to 1 |
| 27 | `#8d5624` | `oklch(50.55% 0.0971 59.98)` | Caramel Café | white, 6 to 1 |
| 28 | `#885222` | `oklch(49.15% 0.0951 59.05)` | Plane Brown | white, 6.4 to 1 |
| 29 | `#834e21` | `oklch(47.73% 0.0931 58.15)` | Milk Chocolate | white, 6.8 to 1 |
| 30 | `#7e4a1f` | `oklch(46.30% 0.0909 57.29)` | Russet | white, 7.2 to 1 |
| 31 | `#79471d` | `oklch(44.86% 0.0886 56.48)` | Ancient Planks | white, 7.7 to 1 |
| 32 | `#74431c` | `oklch(43.40% 0.0862 55.73)` | Walnut | white, 8.1 to 1 |
| 33 | `#6f3f1a` | `oklch(41.91% 0.0837 55.02)` | Sepia | white, 8.7 to 1 |
| 34 | `#693b19` | `oklch(40.30% 0.0809 54.35)` | Searing Gorge Brown | white, 9.3 to 1 |
| 35 | `#633717` | `oklch(38.60% 0.0777 53.71)` | Meatloaf | white, 10 to 1 |
| 36 | `#5d3315` | `oklch(36.83% 0.0742 53.09)` | Baker’s Chocolate | white, 10.7 to 1 |
| 37 | `#572f13` | `oklch(35.01% 0.0706 52.51)` | Dark Catacombs | white, 11.5 to 1 |
| 38 | `#502b12` | `oklch(33.17% 0.0668 51.96)` | Bittersweet Chocolate | white, 12.4 to 1 |
| 39 | `#4a2710` | `oklch(31.32% 0.0629 51.44)` | Brown Study | white, 13.2 to 1 |
| 40 | `#43230e` | `oklch(29.49% 0.0590 50.94)` | Duqqa Brown | white, 14.1 to 1 |
| 41 | `#3d1f0d` | `oklch(27.69% 0.0552 50.48)` | Délicieux au Chocolat | white, 14.9 to 1 |
| 42 | `#371c0b` | `oklch(25.96% 0.0514 50.05)` | Close but No Cigar | white, 15.7 to 1 |
| 43 | `#321809` | `oklch(24.31% 0.0479 49.65)` | Darkout | white, 16.4 to 1 |
| 44 | `#2d1508` | `oklch(22.77% 0.0445 49.28)` | Darkout | white, 17.1 to 1 |
| 45 | `#281307` | `oklch(21.36% 0.0414 48.94)` | Zinnwaldite Brown | white, 17.7 to 1 |
| 46 | `#241006` | `oklch(20.10% 0.0387 48.62)` | Severely Burnt Toast | white, 18.1 to 1 |
| 47 | `#210e05` | `oklch(19.01% 0.0363 48.34)` | Severely Burnt Toast | white, 18.5 to 1 |
| 48 | `#1e0d05` | `oklch(18.11% 0.0344 48.09)` | Crowshead | white, 18.8 to 1 |

## CSS

```css
background: conic-gradient(from 240deg, #e2bf75 0.0%, #e0bd73 2.1%, #deba70 4.3%, #ddb76d 6.4%, #dab369 8.5%, #d8b065 10.6%, #d6ac61 12.8%, #d3a75d 14.9%, #d0a358 17.0%, #cd9e54 19.1%, #ca9a4f 21.3%, #c7954b 23.4%, #c49046 25.5%, #c08c42 27.7%, #bd873e 29.8%, #b9833b 31.9%, #b67f38 34.0%, #b27a35 36.2%, #ae7633 38.3%, #ab7230 40.4%, #a76e2e 42.6%, #a36a2c 44.7%, #9e662a 46.8%, #9a6228 48.9%, #965e27 51.1%, #915a25 53.2%, #8d5624 55.3%, #885222 57.4%, #834e21 59.6%, #7e4a1f 61.7%, #79471d 63.8%, #74431c 66.0%, #6f3f1a 68.1%, #693b19 70.2%, #633717 72.3%, #5d3315 74.5%, #572f13 76.6%, #502b12 78.7%, #4a2710 80.9%, #43230e 83.0%, #3d1f0d 85.1%, #371c0b 87.2%, #321809 89.4%, #2d1508 91.5%, #281307 93.6%, #241006 95.7%, #210e05 97.9%, #1e0d05 100.0%);
background: conic-gradient(from 240deg in oklch, oklch(81.89% 0.1006 85.08) 0.0%, oklch(81.26% 0.1010 84.55) 2.1%, oklch(80.51% 0.1016 83.91) 4.3%, oklch(79.66% 0.1023 83.17) 6.4%, oklch(78.71% 0.1032 82.35) 8.5%, oklch(77.67% 0.1041 81.45) 10.6%, oklch(76.56% 0.1051 80.49) 12.8%, oklch(75.38% 0.1061 79.48) 14.9%, oklch(74.15% 0.1071 78.43) 17.0%, oklch(72.88% 0.1080 77.35) 19.1%, oklch(71.58% 0.1089 76.25) 21.3%, oklch(70.26% 0.1096 75.15) 23.4%, oklch(68.93% 0.1101 74.06) 25.5%, oklch(67.61% 0.1105 72.98) 27.7%, oklch(66.30% 0.1106 71.93) 29.8%, oklch(65.01% 0.1105 70.93) 31.9%, oklch(63.76% 0.1101 69.97) 34.0%, oklch(62.50% 0.1094 69.00) 36.2%, oklch(61.23% 0.1086 68.01) 38.3%, oklch(59.95% 0.1077 67.00) 40.4%, oklch(58.65% 0.1066 65.99) 42.6%, oklch(57.33% 0.1053 64.96) 44.7%, oklch(56.01% 0.1040 63.94) 46.8%, oklch(54.66% 0.1024 62.93) 48.9%, oklch(53.31% 0.1008 61.92) 51.1%, oklch(51.93% 0.0990 60.94) 53.2%, oklch(50.55% 0.0971 59.98) 55.3%, oklch(49.15% 0.0951 59.05) 57.4%, oklch(47.73% 0.0931 58.15) 59.6%, oklch(46.30% 0.0909 57.29) 61.7%, oklch(44.86% 0.0886 56.48) 63.8%, oklch(43.40% 0.0862 55.73) 66.0%, oklch(41.91% 0.0837 55.02) 68.1%, oklch(40.30% 0.0809 54.35) 70.2%, oklch(38.60% 0.0777 53.71) 72.3%, oklch(36.83% 0.0742 53.09) 74.5%, oklch(35.01% 0.0706 52.51) 76.6%, oklch(33.17% 0.0668 51.96) 78.7%, oklch(31.32% 0.0629 51.44) 80.9%, oklch(29.49% 0.0590 50.94) 83.0%, oklch(27.69% 0.0552 50.48) 85.1%, oklch(25.96% 0.0514 50.05) 87.2%, oklch(24.31% 0.0479 49.65) 89.4%, oklch(22.77% 0.0445 49.28) 91.5%, oklch(21.36% 0.0414 48.94) 93.6%, oklch(20.10% 0.0387 48.62) 95.7%, oklch(19.01% 0.0363 48.34) 97.9%, oklch(18.11% 0.0344 48.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.101 | 85.1 |
| 2 | 0.642 | 0.11 | 70.3 |
| 3 | 0.429 | 0.085 | 55.5 |
| 4 | 0.181 | 0.034 | 48.1 |

## In these collections

- [Muted gradients](https://grabient.com/muted-gradients)

## Other forms

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