# Charcoal camel radial gradient

Monochrome gray, dark gray and brown radial gradient with 64 colors: #d6d2cc, #d1cdc7, #cbc7c0, #c3bfb9, #bbb7b1, #b2aea7, #a8a49e, #9e9a93, #939089, #88857f, #7e7b74, #73706a, #696660, #605d56, #57544d, #4e4c44, #47443c, #403e35, #3b382f, #36332a, #333026, #312e23, #302c20, #302c1f, #312d1e, #342e1d, #37301e, #3b331e, #3f361f, #453920, #4b3d22, #514224, #584626, #5f4b29, #67502c, #6e552f, #765a32, #7d5f36, #84643a, #8b693d, #916d41, #967144, #9a7448, #9e774b, #a17a4f, #a47e53, #a78157, #a9845b, #ac8860, #ae8b64, #b08e69, #b2926d, #b39572, #b59877, #b69b7c, #b79e80, #b8a184, #b9a489, #baa68c, #bba890, #bcab94, #bdac97, #beae99, #bfb09c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome gray, dark gray and brown radial gradient
- Seed: `kU3Ac3pgdB0qcPRhDECA`
- Page: https://grabient.com/kU3Ac3pgdB0qcPRhDECA?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: dark center, muted, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.2 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 | `#d6d2cc` | `oklch(86.61% 0.0096 78.05)` | Santo | black, 13.9 to 1 |
| 2 | `#d1cdc7` | `oklch(85.05% 0.0098 78.50)` | On the Rocks | black, 13.2 to 1 |
| 3 | `#cbc7c0` | `oklch(83.07% 0.0100 79.10)` | Early Evening | black, 12.4 to 1 |
| 4 | `#c3bfb9` | `oklch(80.74% 0.0101 79.83)` | Silverplate | black, 11.5 to 1 |
| 5 | `#bbb7b1` | `oklch(78.10% 0.0102 80.67)` | Rampart | black, 10.5 to 1 |
| 6 | `#b2aea7` | `oklch(75.19% 0.0102 81.59)` | Rocky Bluffs | black, 9.4 to 1 |
| 7 | `#a8a49e` | `oklch(72.06% 0.0103 82.59)` | Ashlite | black, 8.4 to 1 |
| 8 | `#9e9a93` | `oklch(68.75% 0.0104 83.64)` | Acier | black, 7.4 to 1 |
| 9 | `#939089` | `oklch(65.32% 0.0104 84.73)` | Champignon | black, 6.5 to 1 |
| 10 | `#88857f` | `oklch(61.80% 0.0106 85.84)` | Barnwood Ash | black, 5.7 to 1 |
| 11 | `#7e7b74` | `oklch(58.25% 0.0107 86.94)` | Bushland Grey | black, 4.9 to 1 |
| 12 | `#73706a` | `oklch(54.70% 0.0110 88.03)` | Artillery | white, 4.9 to 1 |
| 13 | `#696660` | `oklch(51.22% 0.0113 89.08)` | Wire Wool | white, 5.6 to 1 |
| 14 | `#605d56` | `oklch(47.83% 0.0117 90.08)` | Ironclad | white, 6.5 to 1 |
| 15 | `#57544d` | `oklch(44.59% 0.0121 91.00)` | Sturgis Grey | white, 7.5 to 1 |
| 16 | `#4e4c44` | `oklch(41.55% 0.0127 91.83)` | Magpie | white, 8.6 to 1 |
| 17 | `#47443c` | `oklch(38.74% 0.0135 92.56)` | Earth Black | white, 9.7 to 1 |
| 18 | `#403e35` | `oklch(36.22% 0.0143 93.15)` | I R Dark Green | white, 10.7 to 1 |
| 19 | `#3b382f` | `oklch(34.03% 0.0153 93.60)` | Rosin | white, 11.7 to 1 |
| 20 | `#36332a` | `oklch(32.22% 0.0165 93.89)` | Black Powder | white, 12.5 to 1 |
| 21 | `#333026` | `oklch(30.84% 0.0178 93.99)` | Night Green | white, 13.2 to 1 |
| 22 | `#312e23` | `oklch(29.92% 0.0193 93.90)` | Night Brown Black | white, 13.6 to 1 |
| 23 | `#302c20` | `oklch(29.46% 0.0211 93.58)` | Melon Seed | white, 13.8 to 1 |
| 24 | `#302c1f` | `oklch(29.37% 0.0233 93.03)` | Metal Construction Green | white, 13.9 to 1 |
| 25 | `#312d1e` | `oklch(29.64% 0.0259 92.27)` | Metal Construction Green | white, 13.7 to 1 |
| 26 | `#342e1d` | `oklch(30.23% 0.0288 91.34)` | Vanilla Bean Brown | white, 13.5 to 1 |
| 27 | `#37301e` | `oklch(31.10% 0.0319 90.25)` | Agrax Earthshade | white, 13.1 to 1 |
| 28 | `#3b331e` | `oklch(32.23% 0.0353 89.02)` | Pullman Green | white, 12.5 to 1 |
| 29 | `#3f361f` | `oklch(33.58% 0.0388 87.68)` | Mikado | white, 11.9 to 1 |
| 30 | `#453920` | `oklch(35.13% 0.0424 86.24)` | Lisbon Brown | white, 11.2 to 1 |
| 31 | `#4b3d22` | `oklch(36.84% 0.0461 84.74)` | Madras | white, 10.5 to 1 |
| 32 | `#514224` | `oklch(38.68% 0.0498 83.19)` | Clove Yellow Brown | white, 9.7 to 1 |
| 33 | `#584626` | `oklch(40.62% 0.0534 81.62)` | Nightingale | white, 9 to 1 |
| 34 | `#5f4b29` | `oklch(42.63% 0.0570 80.05)` | Nightingale | white, 8.2 to 1 |
| 35 | `#67502c` | `oklch(44.68% 0.0604 78.50)` | Jungle Beat | white, 7.5 to 1 |
| 36 | `#6e552f` | `oklch(46.73% 0.0636 76.99)` | Horses Neck | white, 6.9 to 1 |
| 37 | `#765a32` | `oklch(48.76% 0.0667 75.55)` | Florentine Dream | white, 6.3 to 1 |
| 38 | `#7d5f36` | `oklch(50.74% 0.0694 74.20)` | Rubber | white, 5.8 to 1 |
| 39 | `#84643a` | `oklch(52.62% 0.0718 72.97)` | Dirt Brown | white, 5.4 to 1 |
| 40 | `#8b693d` | `oklch(54.39% 0.0738 71.86)` | Eagles Nest | white, 5 to 1 |
| 41 | `#916d41` | `oklch(56.00% 0.0754 70.92)` | Olde World Gold | white, 4.7 to 1 |
| 42 | `#967144` | `oklch(57.44% 0.0766 70.15)` | Chewy Caramel | black, 4.7 to 1 |
| 43 | `#9a7448` | `oklch(58.66% 0.0772 69.59)` | Sahara Splendour | black, 4.9 to 1 |
| 44 | `#9e774b` | `oklch(59.76% 0.0772 69.21)` | Wave of Grain | black, 5.1 to 1 |
| 45 | `#a17a4f` | `oklch(60.85% 0.0768 68.96)` | Caramelised Pecan | black, 5.4 to 1 |
| 46 | `#a47e53` | `oklch(61.93% 0.0758 68.84)` | False Puce | black, 5.6 to 1 |
| 47 | `#a78157` | `oklch(62.98% 0.0745 68.83)` | Rookwood Antique Gold | black, 5.9 to 1 |
| 48 | `#a9845b` | `oklch(64.02% 0.0728 68.92)` | Temple Tile | black, 6.1 to 1 |
| 49 | `#ac8860` | `oklch(65.04% 0.0707 69.10)` | Roman Coin | black, 6.4 to 1 |
| 50 | `#ae8b64` | `oklch(66.04% 0.0684 69.36)` | Dubbin | black, 6.6 to 1 |
| 51 | `#b08e69` | `oklch(67.01% 0.0658 69.68)` | Brown Branch | black, 6.9 to 1 |
| 52 | `#b2926d` | `oklch(67.96% 0.0631 70.06)` | Caramel Gold | black, 7.2 to 1 |
| 53 | `#b39572` | `oklch(68.87% 0.0602 70.49)` | Keystone | black, 7.4 to 1 |
| 54 | `#b59877` | `oklch(69.75% 0.0572 70.95)` | Soft Fawn | black, 7.7 to 1 |
| 55 | `#b69b7c` | `oklch(70.60% 0.0542 71.43)` | Wooded Acre | black, 7.9 to 1 |
| 56 | `#b79e80` | `oklch(71.42% 0.0512 71.92)` | Nankeen | black, 8.2 to 1 |
| 57 | `#b8a184` | `oklch(72.19% 0.0483 72.41)` | Craft Brown | black, 8.4 to 1 |
| 58 | `#b9a489` | `oklch(72.93% 0.0454 72.89)` | Harvest Brown | black, 8.7 to 1 |
| 59 | `#baa68c` | `oklch(73.62% 0.0427 73.34)` | Harvest Brown | black, 8.9 to 1 |
| 60 | `#bba890` | `oklch(74.27% 0.0402 73.77)` | Open Canyon | black, 9.1 to 1 |
| 61 | `#bcab94` | `oklch(74.87% 0.0379 74.14)` | Portico | black, 9.3 to 1 |
| 62 | `#bdac97` | `oklch(75.43% 0.0360 74.46)` | Portico | black, 9.5 to 1 |
| 63 | `#beae99` | `oklch(75.93% 0.0343 74.71)` | Antler Velvet | black, 9.7 to 1 |
| 64 | `#bfb09c` | `oklch(76.38% 0.0331 74.88)` | Timber Dust | black, 9.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d6d2cc 0.0%, #d1cdc7 1.6%, #cbc7c0 3.2%, #c3bfb9 4.8%, #bbb7b1 6.3%, #b2aea7 7.9%, #a8a49e 9.5%, #9e9a93 11.1%, #939089 12.7%, #88857f 14.3%, #7e7b74 15.9%, #73706a 17.5%, #696660 19.0%, #605d56 20.6%, #57544d 22.2%, #4e4c44 23.8%, #47443c 25.4%, #403e35 27.0%, #3b382f 28.6%, #36332a 30.2%, #333026 31.7%, #312e23 33.3%, #302c20 34.9%, #302c1f 36.5%, #312d1e 38.1%, #342e1d 39.7%, #37301e 41.3%, #3b331e 42.9%, #3f361f 44.4%, #453920 46.0%, #4b3d22 47.6%, #514224 49.2%, #584626 50.8%, #5f4b29 52.4%, #67502c 54.0%, #6e552f 55.6%, #765a32 57.1%, #7d5f36 58.7%, #84643a 60.3%, #8b693d 61.9%, #916d41 63.5%, #967144 65.1%, #9a7448 66.7%, #9e774b 68.3%, #a17a4f 69.8%, #a47e53 71.4%, #a78157 73.0%, #a9845b 74.6%, #ac8860 76.2%, #ae8b64 77.8%, #b08e69 79.4%, #b2926d 81.0%, #b39572 82.5%, #b59877 84.1%, #b69b7c 85.7%, #b79e80 87.3%, #b8a184 88.9%, #b9a489 90.5%, #baa68c 92.1%, #bba890 93.7%, #bcab94 95.2%, #bdac97 96.8%, #beae99 98.4%, #bfb09c 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(86.61% 0.0096 78.05) 0.0%, oklch(85.05% 0.0098 78.50) 1.6%, oklch(83.07% 0.0100 79.10) 3.2%, oklch(80.74% 0.0101 79.83) 4.8%, oklch(78.10% 0.0102 80.67) 6.3%, oklch(75.19% 0.0102 81.59) 7.9%, oklch(72.06% 0.0103 82.59) 9.5%, oklch(68.75% 0.0104 83.64) 11.1%, oklch(65.32% 0.0104 84.73) 12.7%, oklch(61.80% 0.0106 85.84) 14.3%, oklch(58.25% 0.0107 86.94) 15.9%, oklch(54.70% 0.0110 88.03) 17.5%, oklch(51.22% 0.0113 89.08) 19.0%, oklch(47.83% 0.0117 90.08) 20.6%, oklch(44.59% 0.0121 91.00) 22.2%, oklch(41.55% 0.0127 91.83) 23.8%, oklch(38.74% 0.0135 92.56) 25.4%, oklch(36.22% 0.0143 93.15) 27.0%, oklch(34.03% 0.0153 93.60) 28.6%, oklch(32.22% 0.0165 93.89) 30.2%, oklch(30.84% 0.0178 93.99) 31.7%, oklch(29.92% 0.0193 93.90) 33.3%, oklch(29.46% 0.0211 93.58) 34.9%, oklch(29.37% 0.0233 93.03) 36.5%, oklch(29.64% 0.0259 92.27) 38.1%, oklch(30.23% 0.0288 91.34) 39.7%, oklch(31.10% 0.0319 90.25) 41.3%, oklch(32.23% 0.0353 89.02) 42.9%, oklch(33.58% 0.0388 87.68) 44.4%, oklch(35.13% 0.0424 86.24) 46.0%, oklch(36.84% 0.0461 84.74) 47.6%, oklch(38.68% 0.0498 83.19) 49.2%, oklch(40.62% 0.0534 81.62) 50.8%, oklch(42.63% 0.0570 80.05) 52.4%, oklch(44.68% 0.0604 78.50) 54.0%, oklch(46.73% 0.0636 76.99) 55.6%, oklch(48.76% 0.0667 75.55) 57.1%, oklch(50.74% 0.0694 74.20) 58.7%, oklch(52.62% 0.0718 72.97) 60.3%, oklch(54.39% 0.0738 71.86) 61.9%, oklch(56.00% 0.0754 70.92) 63.5%, oklch(57.44% 0.0766 70.15) 65.1%, oklch(58.66% 0.0772 69.59) 66.7%, oklch(59.76% 0.0772 69.21) 68.3%, oklch(60.85% 0.0768 68.96) 69.8%, oklch(61.93% 0.0758 68.84) 71.4%, oklch(62.98% 0.0745 68.83) 73.0%, oklch(64.02% 0.0728 68.92) 74.6%, oklch(65.04% 0.0707 69.10) 76.2%, oklch(66.04% 0.0684 69.36) 77.8%, oklch(67.01% 0.0658 69.68) 79.4%, oklch(67.96% 0.0631 70.06) 81.0%, oklch(68.87% 0.0602 70.49) 82.5%, oklch(69.75% 0.0572 70.95) 84.1%, oklch(70.60% 0.0542 71.43) 85.7%, oklch(71.42% 0.0512 71.92) 87.3%, oklch(72.19% 0.0483 72.41) 88.9%, oklch(72.93% 0.0454 72.89) 90.5%, oklch(73.62% 0.0427 73.34) 92.1%, oklch(74.27% 0.0402 73.77) 93.7%, oklch(74.87% 0.0379 74.14) 95.2%, oklch(75.43% 0.0360 74.46) 96.8%, oklch(75.93% 0.0343 74.71) 98.4%, oklch(76.38% 0.0331 74.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.866 | 0.01 | 78 |
| 2 | 0.299 | 0.019 | 93.9 |
| 3 | 0.587 | 0.077 | 69.6 |
| 4 | 0.764 | 0.033 | 74.9 |

## In these collections

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

## Other forms

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