# Dark cocoa camel gradient

Monochrome tan and black radial gradient with 56 colors: #bfab8e, #bfab8d, #bfab8c, #c0aa8b, #c0aa8a, #c1aa8a, #c2aa89, #c3aa88, #c4aa86, #c4a985, #c5a884, #c5a782, #c4a681, #c4a57f, #c2a37d, #c1a07a, #be9d78, #bb9a75, #b79572, #b2916e, #ac8a6a, #a48365, #9a7b60, #90725a, #856954, #7a5f4d, #6e5647, #624d40, #57443a, #4c3c33, #42342d, #392d28, #312723, #2a221f, #251e1b, #211b19, #201917, #201917, #221a18, #261d19, #2b201c, #33251f, #3b2b23, #453228, #503a2d, #5c4232, #684b37, #74553c, #815f41, #8d6946, #98724a, #a37c4e, #ad8452, #b58c56, #bc9358, #c2985a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome tan and black radial gradient
- Seed: `kUvyI315c-pwEPLZokQg`
- Page: https://grabient.com/kUvyI315c-pwEPLZokQg?style=radialGradient&steps=56&angle=0
- Drawn as: radial gradient, 56 steps, 0 degrees
- Kinds: dark center, muted, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.8 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 | `#bfab8e` | `oklch(75.20% 0.0469 78.05)` | Egyptian Sand | black, 9.4 to 1 |
| 2 | `#bfab8d` | `oklch(75.06% 0.0474 77.75)` | Egyptian Sand | black, 9.4 to 1 |
| 3 | `#bfab8c` | `oklch(75.00% 0.0483 77.44)` | Olive Gold | black, 9.4 to 1 |
| 4 | `#c0aa8b` | `oklch(74.98% 0.0494 77.11)` | Basket Beige | black, 9.3 to 1 |
| 5 | `#c0aa8a` | `oklch(75.00% 0.0506 76.76)` | Cork Wedge | black, 9.3 to 1 |
| 6 | `#c1aa8a` | `oklch(75.03% 0.0520 76.38)` | Cork Wedge | black, 9.4 to 1 |
| 7 | `#c2aa89` | `oklch(75.06% 0.0535 75.98)` | Tan Oak | black, 9.4 to 1 |
| 8 | `#c3aa88` | `oklch(75.08% 0.0551 75.54)` | Tan Oak | black, 9.4 to 1 |
| 9 | `#c4aa86` | `oklch(75.06% 0.0566 75.08)` | Camelback | black, 9.4 to 1 |
| 10 | `#c4a985` | `oklch(74.99% 0.0581 74.57)` | Toasted Grain | black, 9.3 to 1 |
| 11 | `#c5a884` | `oklch(74.86% 0.0596 74.02)` | Toasted Grain | black, 9.3 to 1 |
| 12 | `#c5a782` | `oklch(74.64% 0.0609 73.43)` | Pocket Watch | black, 9.2 to 1 |
| 13 | `#c4a681` | `oklch(74.32% 0.0621 72.79)` | Latte | black, 9.1 to 1 |
| 14 | `#c4a57f` | `oklch(73.88% 0.0631 72.11)` | Latte | black, 8.9 to 1 |
| 15 | `#c2a37d` | `oklch(73.32% 0.0639 71.37)` | Almandine | black, 8.8 to 1 |
| 16 | `#c1a07a` | `oklch(72.60% 0.0643 70.57)` | Friendly Tan | black, 8.5 to 1 |
| 17 | `#be9d78` | `oklch(71.71% 0.0645 69.72)` | Almond Toast | black, 8.2 to 1 |
| 18 | `#bb9a75` | `oklch(70.64% 0.0643 68.80)` | Antique Treasure | black, 7.9 to 1 |
| 19 | `#b79572` | `oklch(69.37% 0.0637 67.82)` | Painted Pony | black, 7.5 to 1 |
| 20 | `#b2916e` | `oklch(67.82% 0.0626 66.73)` | Pale Brown | black, 7.1 to 1 |
| 21 | `#ac8a6a` | `oklch(65.80% 0.0607 65.38)` | Yearling | black, 6.6 to 1 |
| 22 | `#a48365` | `oklch(63.38% 0.0582 63.81)` | New Chestnut | black, 6 to 1 |
| 23 | `#9a7b60` | `oklch(60.60% 0.0552 62.05)` | Tiger’s Eye | black, 5.3 to 1 |
| 24 | `#90725a` | `oklch(57.54% 0.0517 60.15)` | Cocoa Delight | black, 4.7 to 1 |
| 25 | `#856954` | `oklch(54.26% 0.0478 58.14)` | Pastel Brown | white, 5 to 1 |
| 26 | `#7a5f4d` | `oklch(50.84% 0.0437 56.07)` | Caraïbe | white, 5.8 to 1 |
| 27 | `#6e5647` | `oklch(47.33% 0.0395 53.96)` | Mournfang Brown | white, 6.8 to 1 |
| 28 | `#624d40` | `oklch(43.80% 0.0352 51.87)` | Roasted Nuts | white, 7.9 to 1 |
| 29 | `#57443a` | `oklch(40.32% 0.0310 49.82)` | Cordovan Leather | white, 9.1 to 1 |
| 30 | `#4c3c33` | `oklch(36.96% 0.0269 47.87)` | Slate Black | white, 10.5 to 1 |
| 31 | `#42342d` | `oklch(33.77% 0.0230 46.04)` | Slugger | white, 11.9 to 1 |
| 32 | `#392d28` | `oklch(30.84% 0.0195 44.38)` | Mole | white, 13.3 to 1 |
| 33 | `#312723` | `oklch(28.21% 0.0165 42.92)` | Wood Bark | white, 14.5 to 1 |
| 34 | `#2a221f` | `oklch(25.97% 0.0140 41.71)` | Orka Black | white, 15.6 to 1 |
| 35 | `#251e1b` | `oklch(24.17% 0.0121 40.79)` | Velvet Black | white, 16.4 to 1 |
| 36 | `#211b19` | `oklch(22.88% 0.0110 40.18)` | Dynamic Black | white, 16.9 to 1 |
| 37 | `#201917` | `oklch(22.17% 0.0107 39.94)` | Black Umber | white, 17.2 to 1 |
| 38 | `#201917` | `oklch(22.10% 0.0114 40.11)` | Black Umber | white, 17.3 to 1 |
| 39 | `#221a18` | `oklch(22.71% 0.0130 40.72)` | Dark Orchestra | white, 17 to 1 |
| 40 | `#261d19` | `oklch(23.93% 0.0156 41.76)` | Dark Orchestra | white, 16.5 to 1 |
| 41 | `#2b201c` | `oklch(25.71% 0.0190 43.16)` | Weathervane | white, 15.7 to 1 |
| 42 | `#33251f` | `oklch(27.96% 0.0230 44.89)` | Wood Bark | white, 14.7 to 1 |
| 43 | `#3b2b23` | `oklch(30.62% 0.0277 46.90)` | English Walnut | white, 13.4 to 1 |
| 44 | `#453228` | `oklch(33.62% 0.0328 49.13)` | Slugger | white, 12 to 1 |
| 45 | `#503a2d` | `oklch(36.88% 0.0383 51.54)` | Bonanza | white, 10.6 to 1 |
| 46 | `#5c4232` | `oklch(40.35% 0.0441 54.07)` | Daniel Boone | white, 9.2 to 1 |
| 47 | `#684b37` | `oklch(43.94% 0.0501 56.69)` | Black Power | white, 7.9 to 1 |
| 48 | `#74553c` | `oklch(47.59% 0.0561 59.34)` | Black Jasmine Rice | white, 6.7 to 1 |
| 49 | `#815f41` | `oklch(51.22% 0.0621 61.98)` | Village Lane | white, 5.7 to 1 |
| 50 | `#8d6946` | `oklch(54.78% 0.0679 64.55)` | English Saddle | white, 4.9 to 1 |
| 51 | `#98724a` | `oklch(58.18% 0.0735 67.01)` | Olympic Bronze | black, 4.8 to 1 |
| 52 | `#a37c4e` | `oklch(61.36% 0.0787 69.31)` | Crackled Leather | black, 5.5 to 1 |
| 53 | `#ad8452` | `oklch(64.25% 0.0834 71.40)` | Gold Plated | black, 6.2 to 1 |
| 54 | `#b58c56` | `oklch(66.78% 0.0875 73.23)` | Breadstick | black, 6.8 to 1 |
| 55 | `#bc9358` | `oklch(68.88% 0.0910 74.76)` | Radiance | black, 7.4 to 1 |
| 56 | `#c2985a` | `oklch(70.47% 0.0937 75.93)` | Townhouse Tan | black, 7.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #bfab8e 0.0%, #bfab8d 1.8%, #bfab8c 3.6%, #c0aa8b 5.5%, #c0aa8a 7.3%, #c1aa8a 9.1%, #c2aa89 10.9%, #c3aa88 12.7%, #c4aa86 14.5%, #c4a985 16.4%, #c5a884 18.2%, #c5a782 20.0%, #c4a681 21.8%, #c4a57f 23.6%, #c2a37d 25.5%, #c1a07a 27.3%, #be9d78 29.1%, #bb9a75 30.9%, #b79572 32.7%, #b2916e 34.5%, #ac8a6a 36.4%, #a48365 38.2%, #9a7b60 40.0%, #90725a 41.8%, #856954 43.6%, #7a5f4d 45.5%, #6e5647 47.3%, #624d40 49.1%, #57443a 50.9%, #4c3c33 52.7%, #42342d 54.5%, #392d28 56.4%, #312723 58.2%, #2a221f 60.0%, #251e1b 61.8%, #211b19 63.6%, #201917 65.5%, #201917 67.3%, #221a18 69.1%, #261d19 70.9%, #2b201c 72.7%, #33251f 74.5%, #3b2b23 76.4%, #453228 78.2%, #503a2d 80.0%, #5c4232 81.8%, #684b37 83.6%, #74553c 85.5%, #815f41 87.3%, #8d6946 89.1%, #98724a 90.9%, #a37c4e 92.7%, #ad8452 94.5%, #b58c56 96.4%, #bc9358 98.2%, #c2985a 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(75.20% 0.0469 78.05) 0.0%, oklch(75.06% 0.0474 77.75) 1.8%, oklch(75.00% 0.0483 77.44) 3.6%, oklch(74.98% 0.0494 77.11) 5.5%, oklch(75.00% 0.0506 76.76) 7.3%, oklch(75.03% 0.0520 76.38) 9.1%, oklch(75.06% 0.0535 75.98) 10.9%, oklch(75.08% 0.0551 75.54) 12.7%, oklch(75.06% 0.0566 75.08) 14.5%, oklch(74.99% 0.0581 74.57) 16.4%, oklch(74.86% 0.0596 74.02) 18.2%, oklch(74.64% 0.0609 73.43) 20.0%, oklch(74.32% 0.0621 72.79) 21.8%, oklch(73.88% 0.0631 72.11) 23.6%, oklch(73.32% 0.0639 71.37) 25.5%, oklch(72.60% 0.0643 70.57) 27.3%, oklch(71.71% 0.0645 69.72) 29.1%, oklch(70.64% 0.0643 68.80) 30.9%, oklch(69.37% 0.0637 67.82) 32.7%, oklch(67.82% 0.0626 66.73) 34.5%, oklch(65.80% 0.0607 65.38) 36.4%, oklch(63.38% 0.0582 63.81) 38.2%, oklch(60.60% 0.0552 62.05) 40.0%, oklch(57.54% 0.0517 60.15) 41.8%, oklch(54.26% 0.0478 58.14) 43.6%, oklch(50.84% 0.0437 56.07) 45.5%, oklch(47.33% 0.0395 53.96) 47.3%, oklch(43.80% 0.0352 51.87) 49.1%, oklch(40.32% 0.0310 49.82) 50.9%, oklch(36.96% 0.0269 47.87) 52.7%, oklch(33.77% 0.0230 46.04) 54.5%, oklch(30.84% 0.0195 44.38) 56.4%, oklch(28.21% 0.0165 42.92) 58.2%, oklch(25.97% 0.0140 41.71) 60.0%, oklch(24.17% 0.0121 40.79) 61.8%, oklch(22.88% 0.0110 40.18) 63.6%, oklch(22.17% 0.0107 39.94) 65.5%, oklch(22.10% 0.0114 40.11) 67.3%, oklch(22.71% 0.0130 40.72) 69.1%, oklch(23.93% 0.0156 41.76) 70.9%, oklch(25.71% 0.0190 43.16) 72.7%, oklch(27.96% 0.0230 44.89) 74.5%, oklch(30.62% 0.0277 46.90) 76.4%, oklch(33.62% 0.0328 49.13) 78.2%, oklch(36.88% 0.0383 51.54) 80.0%, oklch(40.35% 0.0441 54.07) 81.8%, oklch(43.94% 0.0501 56.69) 83.6%, oklch(47.59% 0.0561 59.34) 85.5%, oklch(51.22% 0.0621 61.98) 87.3%, oklch(54.78% 0.0679 64.55) 89.1%, oklch(58.18% 0.0735 67.01) 90.9%, oklch(61.36% 0.0787 69.31) 92.7%, oklch(64.25% 0.0834 71.40) 94.5%, oklch(66.78% 0.0875 73.23) 96.4%, oklch(68.88% 0.0910 74.76) 98.2%, oklch(70.47% 0.0937 75.93) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.752 | 0.047 | 78 |
| 2 | 0.689 | 0.063 | 67.5 |
| 3 | 0.22 | 0.011 | 40 |
| 4 | 0.705 | 0.094 | 75.9 |

## In these collections

- [Tan color palette](https://grabient.com/tan-color-palette)

## Other forms

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