# Monochrome brown, white and gray linear gradient

Monochrome brown, white and gray linear gradient with 40 colors: #c57d60, #c07a5e, #b9755a, #b06f56, #a66851, #9d624d, #945d49, #8d5946, #885745, #865946, #885e4b, #8e6854, #997762, #a78975, #b79e89, #c8b39f, #d8c8b5, #e7dac9, #f2e8d9, #f8f1e4, #f8f3e7, #f2eee3, #e7e5da, #d9d7cd, #c9c8bd, #b8b7ac, #a6a69b, #95978b, #86897e, #7a7e73, #71766c, #686e66, #606861, #59625c, #535c58, #4f5755, #4b5352, #474f4f, #454b4c, #424849. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWp0geQZdAPqGxPJhkRMoNKA`
- Page: https://grabient.com/kWp0geQZdAPqGxPJhkRMoNKA?steps=40&angle=45
- Drawn as: linear gradient, 40 steps, 45 degrees
- Kinds: light center, neutral
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.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 | `#c57d60` | `oklch(65.75% 0.0992 42.19)` | Terracotta Chip | black, 6.4 to 1 |
| 2 | `#c07a5e` | `oklch(64.60% 0.0971 42.13)` | Pinata | black, 6.1 to 1 |
| 3 | `#b9755a` | `oklch(62.77% 0.0943 41.81)` | Sienna Sky | black, 5.7 to 1 |
| 4 | `#b06f56` | `oklch(60.50% 0.0911 41.37)` | Santa Fe | black, 5.2 to 1 |
| 5 | `#a66851` | `oklch(58.01% 0.0875 40.91)` | Hot Cacao | black, 4.7 to 1 |
| 6 | `#9d624d` | `oklch(55.56% 0.0836 40.57)` | Tuscan Rooftops | white, 4.9 to 1 |
| 7 | `#945d49` | `oklch(53.37% 0.0795 40.47)` | Sequoia Grove | white, 5.3 to 1 |
| 8 | `#8d5946` | `oklch(51.68% 0.0752 40.73)` | True Copper | white, 5.7 to 1 |
| 9 | `#885745` | `oklch(50.74% 0.0709 41.47)` | True Copper | white, 5.9 to 1 |
| 10 | `#865946` | `oklch(50.77% 0.0666 42.82)` | Hope Chest | white, 5.9 to 1 |
| 11 | `#885e4b` | `oklch(52.03% 0.0623 44.90)` | Rawhide | white, 5.6 to 1 |
| 12 | `#8e6854` | `oklch(55.05% 0.0577 47.80)` | Leather | white, 4.9 to 1 |
| 13 | `#997762` | `oklch(59.61% 0.0526 51.42)` | Fudge Bar | black, 5.1 to 1 |
| 14 | `#a78975` | `oklch(65.25% 0.0473 55.61)` | Tribal Pottery | black, 6.4 to 1 |
| 15 | `#b79e89` | `oklch(71.52% 0.0419 60.22)` | Baked Potato | black, 8.2 to 1 |
| 16 | `#c8b39f` | `oklch(77.94% 0.0365 65.11)` | Rincon Cove | black, 10.4 to 1 |
| 17 | `#d8c8b5` | `oklch(84.06% 0.0314 70.13)` | Clay Pipe | black, 12.8 to 1 |
| 18 | `#e7dac9` | `oklch(89.42% 0.0267 75.13)` | Cascade Beige | black, 15.2 to 1 |
| 19 | `#f2e8d9` | `oklch(93.56% 0.0226 79.96)` | Pristine | black, 17.3 to 1 |
| 20 | `#f8f1e4` | `oklch(96.01% 0.0192 84.48)` | Belgian Cream | black, 18.6 to 1 |
| 21 | `#f8f3e7` | `oklch(96.38% 0.0168 88.53)` | Sampaguita Pearl | black, 18.9 to 1 |
| 22 | `#f2eee3` | `oklch(94.91% 0.0153 92.07)` | Westhighland White | black, 18.1 to 1 |
| 23 | `#e7e5da` | `oklch(91.98% 0.0146 95.24)` | Irish Mist | black, 16.5 to 1 |
| 24 | `#d9d7cd` | `oklch(87.92% 0.0145 98.23)` | White Pointer | black, 14.6 to 1 |
| 25 | `#c9c8bd` | `oklch(83.06% 0.0147 101.21)` | Aloof Grey | black, 12.4 to 1 |
| 26 | `#b8b7ac` | `oklch(77.75% 0.0153 104.35)` | Stone Mill | black, 10.4 to 1 |
| 27 | `#a6a69b` | `oklch(72.31% 0.0159 107.82)` | Rare Grey | black, 8.5 to 1 |
| 28 | `#95978b` | `oklch(67.09% 0.0164 111.81)` | Evergreen Fog | black, 7 to 1 |
| 29 | `#86897e` | `oklch(62.42% 0.0167 116.49)` | Turtle Bay | black, 5.8 to 1 |
| 30 | `#7a7e73` | `oklch(58.64% 0.0166 122.02)` | Attitude Grey | black, 5 to 1 |
| 31 | `#71766c` | `oklch(55.76% 0.0161 128.78)` | Agave Green | white, 4.6 to 1 |
| 32 | `#686e66` | `oklch(53.15% 0.0154 137.12)` | On the Moor | white, 5.2 to 1 |
| 33 | `#606861` | `oklch(50.76% 0.0145 146.61)` | Dark Pewter | white, 5.7 to 1 |
| 34 | `#59625c` | `oklch(48.59% 0.0135 156.84)` | Charcoal Briquette | white, 6.3 to 1 |
| 35 | `#535c58` | `oklch(46.64% 0.0124 167.35)` | Evergreen Bough | white, 6.8 to 1 |
| 36 | `#4f5755` | `oklch(44.89% 0.0114 177.73)` | Mako | white, 7.4 to 1 |
| 37 | `#4b5352` | `oklch(43.33% 0.0104 187.54)` | Dark as Night | white, 7.9 to 1 |
| 38 | `#474f4f` | `oklch(41.96% 0.0095 196.33)` | Cover of Night | white, 8.4 to 1 |
| 39 | `#454b4c` | `oklch(40.78% 0.0088 203.68)` | Black Sable | white, 8.8 to 1 |
| 40 | `#424849` | `oklch(39.76% 0.0083 209.15)` | Big Dipper | white, 9.2 to 1 |

## CSS

```css
background: linear-gradient(45deg, #c57d60 0.0%, #c07a5e 2.6%, #b9755a 5.1%, #b06f56 7.7%, #a66851 10.3%, #9d624d 12.8%, #945d49 15.4%, #8d5946 17.9%, #885745 20.5%, #865946 23.1%, #885e4b 25.6%, #8e6854 28.2%, #997762 30.8%, #a78975 33.3%, #b79e89 35.9%, #c8b39f 38.5%, #d8c8b5 41.0%, #e7dac9 43.6%, #f2e8d9 46.2%, #f8f1e4 48.7%, #f8f3e7 51.3%, #f2eee3 53.8%, #e7e5da 56.4%, #d9d7cd 59.0%, #c9c8bd 61.5%, #b8b7ac 64.1%, #a6a69b 66.7%, #95978b 69.2%, #86897e 71.8%, #7a7e73 74.4%, #71766c 76.9%, #686e66 79.5%, #606861 82.1%, #59625c 84.6%, #535c58 87.2%, #4f5755 89.7%, #4b5352 92.3%, #474f4f 94.9%, #454b4c 97.4%, #424849 100.0%);
background: linear-gradient(45deg in oklch, oklch(65.75% 0.0992 42.19) 0.0%, oklch(64.60% 0.0971 42.13) 2.6%, oklch(62.77% 0.0943 41.81) 5.1%, oklch(60.50% 0.0911 41.37) 7.7%, oklch(58.01% 0.0875 40.91) 10.3%, oklch(55.56% 0.0836 40.57) 12.8%, oklch(53.37% 0.0795 40.47) 15.4%, oklch(51.68% 0.0752 40.73) 17.9%, oklch(50.74% 0.0709 41.47) 20.5%, oklch(50.77% 0.0666 42.82) 23.1%, oklch(52.03% 0.0623 44.90) 25.6%, oklch(55.05% 0.0577 47.80) 28.2%, oklch(59.61% 0.0526 51.42) 30.8%, oklch(65.25% 0.0473 55.61) 33.3%, oklch(71.52% 0.0419 60.22) 35.9%, oklch(77.94% 0.0365 65.11) 38.5%, oklch(84.06% 0.0314 70.13) 41.0%, oklch(89.42% 0.0267 75.13) 43.6%, oklch(93.56% 0.0226 79.96) 46.2%, oklch(96.01% 0.0192 84.48) 48.7%, oklch(96.38% 0.0168 88.53) 51.3%, oklch(94.91% 0.0153 92.07) 53.8%, oklch(91.98% 0.0146 95.24) 56.4%, oklch(87.92% 0.0145 98.23) 59.0%, oklch(83.06% 0.0147 101.21) 61.5%, oklch(77.75% 0.0153 104.35) 64.1%, oklch(72.31% 0.0159 107.82) 66.7%, oklch(67.09% 0.0164 111.81) 69.2%, oklch(62.42% 0.0167 116.49) 71.8%, oklch(58.64% 0.0166 122.02) 74.4%, oklch(55.76% 0.0161 128.78) 76.9%, oklch(53.15% 0.0154 137.12) 79.5%, oklch(50.76% 0.0145 146.61) 82.1%, oklch(48.59% 0.0135 156.84) 84.6%, oklch(46.64% 0.0124 167.35) 87.2%, oklch(44.89% 0.0114 177.73) 89.7%, oklch(43.33% 0.0104 187.54) 92.3%, oklch(41.96% 0.0095 196.33) 94.9%, oklch(40.78% 0.0088 203.68) 97.4%, oklch(39.76% 0.0083 209.15) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.657 | 0.099 | 42.2 |
| 2 | 0.516 | 0.063 | 44.3 |
| 3 | 0.965 | 0.018 | 86.6 |
| 4 | 0.579 | 0.017 | 123.6 |
| 5 | 0.398 | 0.008 | 209.2 |

## Other forms

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