# Espresso camel radial gradient

Gray, black and brown linear gradient with 64 colors: #bfa68c, #baa287, #b49c82, #ac957b, #a48d74, #9b856c, #917c63, #87735b, #7c6952, #726049, #685640, #5d4d37, #54442e, #4a3c27, #42341f, #3a2d18, #332712, #2d210d, #281d09, #241906, #211604, #201503, #1f1503, #201504, #221705, #251a07, #291d0a, #2e220e, #332713, #392c19, #40321e, #473825, #4f3f2b, #564632, #5e4d38, #66543f, #6d5b46, #75614c, #7b6752, #816d58, #86715d, #8a7560, #8d7863, #8f7a66, #907b67, #917c69, #917c6a, #917c6a, #907c6a, #8f7b6a, #8d7a6a, #8b7869, #897768, #877567, #857466, #827265, #807064, #7e6e62, #7c6c61, #7a6b60, #786a5f, #76685f, #75685e, #74675e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray, black and brown linear gradient
- Seed: `kUvCIxGg1BMqOvlCiD7g`
- Page: https://grabient.com/kUvCIxGg1BMqOvlCiD7g?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: dark center, muted, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#bfa68c` | `oklch(74.02% 0.0469 68.91)` | Pergament | black, 9 to 1 |
| 2 | `#baa287` | `oklch(72.52% 0.0465 69.21)` | Basketry | black, 8.5 to 1 |
| 3 | `#b49c82` | `oklch(70.63% 0.0462 69.60)` | Plush Tan | black, 7.9 to 1 |
| 4 | `#ac957b` | `oklch(68.37% 0.0457 70.07)` | Bungalow Brown | black, 7.3 to 1 |
| 5 | `#a48d74` | `oklch(65.81% 0.0452 70.62)` | Elk | black, 6.6 to 1 |
| 6 | `#9b856c` | `oklch(62.99% 0.0447 71.22)` | Tahini Brown | black, 5.9 to 1 |
| 7 | `#917c63` | `oklch(59.95% 0.0441 71.86)` | Resort Tan | black, 5.2 to 1 |
| 8 | `#87735b` | `oklch(56.74% 0.0434 72.55)` | Verde Marrón | black, 4.6 to 1 |
| 9 | `#7c6952` | `oklch(53.41% 0.0428 73.25)` | Mayan Ruins | white, 5.2 to 1 |
| 10 | `#726049` | `oklch(50.00% 0.0421 73.97)` | Midnight Brown | white, 6 to 1 |
| 11 | `#685640` | `oklch(46.57% 0.0414 74.69)` | Burley Wood | white, 6.9 to 1 |
| 12 | `#5d4d37` | `oklch(43.16% 0.0407 75.40)` | Beggar | white, 8 to 1 |
| 13 | `#54442e` | `oklch(39.81% 0.0401 76.09)` | Garden Loam | white, 9.3 to 1 |
| 14 | `#4a3c27` | `oklch(36.58% 0.0394 76.75)` | Witch’s Cottage | white, 10.6 to 1 |
| 15 | `#42341f` | `oklch(33.51% 0.0388 77.36)` | Mikado | white, 12 to 1 |
| 16 | `#3a2d18` | `oklch(30.65% 0.0382 77.92)` | Vanilla Bean Brown | white, 13.3 to 1 |
| 17 | `#332712` | `oklch(28.04% 0.0376 78.41)` | Brown Tumbleweed | white, 14.6 to 1 |
| 18 | `#2d210d` | `oklch(25.73% 0.0371 78.82)` | Coffee Grounds | white, 15.7 to 1 |
| 19 | `#281d09` | `oklch(23.78% 0.0367 79.15)` | Brunneophobia | white, 16.5 to 1 |
| 20 | `#241906` | `oklch(22.22% 0.0363 79.37)` | Cannon Black | white, 17.2 to 1 |
| 21 | `#211604` | `oklch(21.10% 0.0360 79.48)` | Noir Mystique | white, 17.7 to 1 |
| 22 | `#201503` | `oklch(20.47% 0.0358 79.47)` | Noir Mystique | white, 17.9 to 1 |
| 23 | `#1f1503` | `oklch(20.36% 0.0357 79.34)` | Noir Mystique | white, 18 to 1 |
| 24 | `#201504` | `oklch(20.72% 0.0357 79.09)` | Noir Mystique | white, 17.8 to 1 |
| 25 | `#221705` | `oklch(21.50% 0.0358 78.74)` | Cannon Black | white, 17.5 to 1 |
| 26 | `#251a07` | `oklch(22.67% 0.0360 78.30)` | Cannon Black | white, 17 to 1 |
| 27 | `#291d0a` | `oklch(24.19% 0.0362 77.77)` | Brunneophobia | white, 16.4 to 1 |
| 28 | `#2e220e` | `oklch(25.99% 0.0365 77.17)` | Coffee Grounds | white, 15.5 to 1 |
| 29 | `#332713` | `oklch(28.05% 0.0369 76.50)` | Brown Tumbleweed | white, 14.6 to 1 |
| 30 | `#392c19` | `oklch(30.32% 0.0373 75.78)` | Vanilla Bean Brown | white, 13.5 to 1 |
| 31 | `#40321e` | `oklch(32.76% 0.0377 75.01)` | Iroko | white, 12.3 to 1 |
| 32 | `#473825` | `oklch(35.31% 0.0381 74.21)` | Clinker | white, 11.2 to 1 |
| 33 | `#4f3f2b` | `oklch(37.93% 0.0385 73.38)` | Fresh Roe | white, 10 to 1 |
| 34 | `#564632` | `oklch(40.59% 0.0389 72.53)` | Kuri Black | white, 9 to 1 |
| 35 | `#5e4d38` | `oklch(43.24% 0.0393 71.68)` | Oak Plank | white, 8 to 1 |
| 36 | `#66543f` | `oklch(45.83% 0.0397 70.82)` | Protégé Bronze | white, 7.2 to 1 |
| 37 | `#6d5b46` | `oklch(48.32% 0.0399 69.98)` | Log Cabin | white, 6.4 to 1 |
| 38 | `#75614c` | `oklch(50.66% 0.0402 69.17)` | South Kingston | white, 5.8 to 1 |
| 39 | `#7b6752` | `oklch(52.82% 0.0403 68.38)` | Otter | white, 5.3 to 1 |
| 40 | `#816d58` | `oklch(54.74% 0.0404 67.63)` | Kaffee | white, 4.9 to 1 |
| 41 | `#86715d` | `oklch(56.38% 0.0404 66.94)` | Fetched Stick | white, 4.6 to 1 |
| 42 | `#8a7560` | `oklch(57.70% 0.0402 66.30)` | Mink | black, 4.8 to 1 |
| 43 | `#8d7863` | `oklch(58.66% 0.0400 65.74)` | Dusty Path | black, 4.9 to 1 |
| 44 | `#8f7a66` | `oklch(59.32% 0.0396 65.21)` | Nest | black, 5.1 to 1 |
| 45 | `#907b67` | `oklch(59.77% 0.0390 64.69)` | Nest | black, 5.2 to 1 |
| 46 | `#917c69` | `oklch(60.04% 0.0384 64.18)` | Nest | black, 5.2 to 1 |
| 47 | `#917c6a` | `oklch(60.15% 0.0377 63.67)` | Nest | black, 5.3 to 1 |
| 48 | `#917c6a` | `oklch(60.10% 0.0368 63.18)` | Nest | black, 5.3 to 1 |
| 49 | `#907c6a` | `oklch(59.92% 0.0359 62.69)` | Squirrel | black, 5.2 to 1 |
| 50 | `#8f7b6a` | `oklch(59.62% 0.0350 62.21)` | Nest | black, 5.1 to 1 |
| 51 | `#8d7a6a` | `oklch(59.23% 0.0339 61.75)` | Inca Temple | black, 5.1 to 1 |
| 52 | `#8b7869` | `oklch(58.74% 0.0329 61.30)` | Caffeine | black, 5 to 1 |
| 53 | `#897768` | `oklch(58.19% 0.0318 60.86)` | Sage Green | black, 4.9 to 1 |
| 54 | `#877567` | `oklch(57.59% 0.0307 60.44)` | Gosling | black, 4.7 to 1 |
| 55 | `#857466` | `oklch(56.96% 0.0296 60.04)` | Wicker Basket | black, 4.6 to 1 |
| 56 | `#827265` | `oklch(56.30% 0.0286 59.65)` | Saruk Grey | white, 4.6 to 1 |
| 57 | `#807064` | `oklch(55.64% 0.0275 59.28)` | Desert Taupe | white, 4.7 to 1 |
| 58 | `#7e6e62` | `oklch(55.00% 0.0265 58.93)` | Namibia | white, 4.8 to 1 |
| 59 | `#7c6c61` | `oklch(54.39% 0.0256 58.60)` | Namibia | white, 5 to 1 |
| 60 | `#7a6b60` | `oklch(53.82% 0.0247 58.29)` | Trailhead | white, 5.1 to 1 |
| 61 | `#786a5f` | `oklch(53.32% 0.0239 58.00)` | Cocoa Powder | white, 5.2 to 1 |
| 62 | `#76685f` | `oklch(52.90% 0.0231 57.74)` | Garret Brown | white, 5.3 to 1 |
| 63 | `#75685e` | `oklch(52.57% 0.0225 57.50)` | Sea Elephant | white, 5.4 to 1 |
| 64 | `#74675e` | `oklch(52.36% 0.0220 57.28)` | Mountain Ridge | white, 5.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #bfa68c 0.0%, #baa287 1.6%, #b49c82 3.2%, #ac957b 4.8%, #a48d74 6.3%, #9b856c 7.9%, #917c63 9.5%, #87735b 11.1%, #7c6952 12.7%, #726049 14.3%, #685640 15.9%, #5d4d37 17.5%, #54442e 19.0%, #4a3c27 20.6%, #42341f 22.2%, #3a2d18 23.8%, #332712 25.4%, #2d210d 27.0%, #281d09 28.6%, #241906 30.2%, #211604 31.7%, #201503 33.3%, #1f1503 34.9%, #201504 36.5%, #221705 38.1%, #251a07 39.7%, #291d0a 41.3%, #2e220e 42.9%, #332713 44.4%, #392c19 46.0%, #40321e 47.6%, #473825 49.2%, #4f3f2b 50.8%, #564632 52.4%, #5e4d38 54.0%, #66543f 55.6%, #6d5b46 57.1%, #75614c 58.7%, #7b6752 60.3%, #816d58 61.9%, #86715d 63.5%, #8a7560 65.1%, #8d7863 66.7%, #8f7a66 68.3%, #907b67 69.8%, #917c69 71.4%, #917c6a 73.0%, #917c6a 74.6%, #907c6a 76.2%, #8f7b6a 77.8%, #8d7a6a 79.4%, #8b7869 81.0%, #897768 82.5%, #877567 84.1%, #857466 85.7%, #827265 87.3%, #807064 88.9%, #7e6e62 90.5%, #7c6c61 92.1%, #7a6b60 93.7%, #786a5f 95.2%, #76685f 96.8%, #75685e 98.4%, #74675e 100.0%);
background: linear-gradient(135deg in oklch, oklch(74.02% 0.0469 68.91) 0.0%, oklch(72.52% 0.0465 69.21) 1.6%, oklch(70.63% 0.0462 69.60) 3.2%, oklch(68.37% 0.0457 70.07) 4.8%, oklch(65.81% 0.0452 70.62) 6.3%, oklch(62.99% 0.0447 71.22) 7.9%, oklch(59.95% 0.0441 71.86) 9.5%, oklch(56.74% 0.0434 72.55) 11.1%, oklch(53.41% 0.0428 73.25) 12.7%, oklch(50.00% 0.0421 73.97) 14.3%, oklch(46.57% 0.0414 74.69) 15.9%, oklch(43.16% 0.0407 75.40) 17.5%, oklch(39.81% 0.0401 76.09) 19.0%, oklch(36.58% 0.0394 76.75) 20.6%, oklch(33.51% 0.0388 77.36) 22.2%, oklch(30.65% 0.0382 77.92) 23.8%, oklch(28.04% 0.0376 78.41) 25.4%, oklch(25.73% 0.0371 78.82) 27.0%, oklch(23.78% 0.0367 79.15) 28.6%, oklch(22.22% 0.0363 79.37) 30.2%, oklch(21.10% 0.0360 79.48) 31.7%, oklch(20.47% 0.0358 79.47) 33.3%, oklch(20.36% 0.0357 79.34) 34.9%, oklch(20.72% 0.0357 79.09) 36.5%, oklch(21.50% 0.0358 78.74) 38.1%, oklch(22.67% 0.0360 78.30) 39.7%, oklch(24.19% 0.0362 77.77) 41.3%, oklch(25.99% 0.0365 77.17) 42.9%, oklch(28.05% 0.0369 76.50) 44.4%, oklch(30.32% 0.0373 75.78) 46.0%, oklch(32.76% 0.0377 75.01) 47.6%, oklch(35.31% 0.0381 74.21) 49.2%, oklch(37.93% 0.0385 73.38) 50.8%, oklch(40.59% 0.0389 72.53) 52.4%, oklch(43.24% 0.0393 71.68) 54.0%, oklch(45.83% 0.0397 70.82) 55.6%, oklch(48.32% 0.0399 69.98) 57.1%, oklch(50.66% 0.0402 69.17) 58.7%, oklch(52.82% 0.0403 68.38) 60.3%, oklch(54.74% 0.0404 67.63) 61.9%, oklch(56.38% 0.0404 66.94) 63.5%, oklch(57.70% 0.0402 66.30) 65.1%, oklch(58.66% 0.0400 65.74) 66.7%, oklch(59.32% 0.0396 65.21) 68.3%, oklch(59.77% 0.0390 64.69) 69.8%, oklch(60.04% 0.0384 64.18) 71.4%, oklch(60.15% 0.0377 63.67) 73.0%, oklch(60.10% 0.0368 63.18) 74.6%, oklch(59.92% 0.0359 62.69) 76.2%, oklch(59.62% 0.0350 62.21) 77.8%, oklch(59.23% 0.0339 61.75) 79.4%, oklch(58.74% 0.0329 61.30) 81.0%, oklch(58.19% 0.0318 60.86) 82.5%, oklch(57.59% 0.0307 60.44) 84.1%, oklch(56.96% 0.0296 60.04) 85.7%, oklch(56.30% 0.0286 59.65) 87.3%, oklch(55.64% 0.0275 59.28) 88.9%, oklch(55.00% 0.0265 58.93) 90.5%, oklch(54.39% 0.0256 58.60) 92.1%, oklch(53.82% 0.0247 58.29) 93.7%, oklch(53.32% 0.0239 58.00) 95.2%, oklch(52.90% 0.0231 57.74) 96.8%, oklch(52.57% 0.0225 57.50) 98.4%, oklch(52.36% 0.0220 57.28) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.74 | 0.047 | 68.9 |
| 2 | 0.205 | 0.036 | 79.5 |
| 3 | 0.587 | 0.04 | 65.7 |
| 4 | 0.524 | 0.022 | 57.3 |

## In these collections

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

## Other forms

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