# Brown and gray linear swatches

Brown and gray linear swatches with 56 colors: #705545, #745848, #785d4c, #7e6351, #856b56, #8d725d, #947b64, #9d846b, #a58e73, #ae977b, #b6a183, #bfaa8b, #c6b292, #ceba99, #d4c19f, #dac6a4, #dfcaa8, #e3ccaa, #e5ccab, #e6caaa, #e5c6a8, #e2bfa4, #ddb79f, #d7ad9a, #cfa294, #c6978f, #bb8b8a, #af8086, #a37482, #956a7e, #87607a, #795876, #6c5173, #5f4b6f, #54466c, #494369, #414267, #3a4266, #354465, #324765, #2f4b66, #2f5067, #315568, #355c6a, #3b626c, #43696e, #4c7071, #567774, #607e78, #6a847d, #748a81, #7d9086, #85968b, #8c9a8f, #929e93, #97a196. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUeCAlbRNCjGWrVYhzAA`
- Page: https://grabient.com/kUeCAlbRNCjGWrVYhzAA?style=linearSwatches&steps=56&angle=135
- Drawn as: linear swatches, 56 steps, 135 degrees
- Kinds: muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 6.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 | `#705545` | `oklch(47.24% 0.0441 52.03)` | Hold Your Horses | white, 6.8 to 1 |
| 2 | `#745848` | `oklch(48.53% 0.0443 52.95)` | Heavy Siena | white, 6.4 to 1 |
| 3 | `#785d4c` | `oklch(50.24% 0.0446 54.44)` | Melted Chocolate | white, 6 to 1 |
| 4 | `#7e6351` | `oklch(52.31% 0.0450 56.40)` | Tilled Earth | white, 5.5 to 1 |
| 5 | `#856b56` | `oklch(54.68% 0.0453 58.74)` | Rikyū Brown | white, 4.9 to 1 |
| 6 | `#8d725d` | `oklch(57.29% 0.0457 61.34)` | Nuthatch | black, 4.7 to 1 |
| 7 | `#947b64` | `oklch(60.09% 0.0461 64.12)` | Portabello | black, 5.2 to 1 |
| 8 | `#9d846b` | `oklch(63.01% 0.0466 66.98)` | Black Headed Gull | black, 5.9 to 1 |
| 9 | `#a58e73` | `oklch(65.99% 0.0471 69.82)` | Elk | black, 6.6 to 1 |
| 10 | `#ae977b` | `oklch(68.97% 0.0475 72.53)` | Country Dweller | black, 7.5 to 1 |
| 11 | `#b6a183` | `oklch(71.89% 0.0480 75.03)` | Craft Brown | black, 8.3 to 1 |
| 12 | `#bfaa8b` | `oklch(74.69% 0.0486 77.22)` | Basket Beige | black, 9.2 to 1 |
| 13 | `#c6b292` | `oklch(77.31% 0.0491 78.98)` | Beachside Villa | black, 10.2 to 1 |
| 14 | `#ceba99` | `oklch(79.69% 0.0496 80.24)` | Spiced Vinegar | black, 11 to 1 |
| 15 | `#d4c19f` | `oklch(81.77% 0.0501 80.89)` | Gold Wash | black, 11.9 to 1 |
| 16 | `#dac6a4` | `oklch(83.49% 0.0507 80.82)` | Light Bamboo | black, 12.6 to 1 |
| 17 | `#dfcaa8` | `oklch(84.78% 0.0512 79.95)` | Land Light | black, 13.1 to 1 |
| 18 | `#e3ccaa` | `oklch(85.60% 0.0517 78.17)` | Gourmet Honey | black, 13.4 to 1 |
| 19 | `#e5ccab` | `oklch(85.87% 0.0522 75.39)` | Consommé | black, 13.6 to 1 |
| 20 | `#e6caaa` | `oklch(85.52% 0.0527 71.52)` | Manila | black, 13.4 to 1 |
| 21 | `#e5c6a8` | `oklch(84.49% 0.0534 66.57)` | Craft Juggler | black, 12.9 to 1 |
| 22 | `#e2bfa4` | `oklch(82.85% 0.0542 60.65)` | Tiny Calf | black, 12.2 to 1 |
| 23 | `#ddb79f` | `oklch(80.68% 0.0550 53.86)` | Wassail | black, 11.3 to 1 |
| 24 | `#d7ad9a` | `oklch(78.07% 0.0560 46.29)` | Adobe Village | black, 10.3 to 1 |
| 25 | `#cfa294` | `oklch(75.09% 0.0570 38.04)` | Cashmere Clay | black, 9.2 to 1 |
| 26 | `#c6978f` | `oklch(71.82% 0.0580 29.22)` | Persian Bazaar | black, 8.2 to 1 |
| 27 | `#bb8b8a` | `oklch(68.34% 0.0590 19.91)` | Smoky Pink | black, 7.1 to 1 |
| 28 | `#af8086` | `oklch(64.72% 0.0599 10.22)` | Audrey’s Blush | black, 6.2 to 1 |
| 29 | `#a37482` | `oklch(61.06% 0.0608 0.26)` | Never Forget | black, 5.3 to 1 |
| 30 | `#956a7e` | `oklch(57.42% 0.0616 350.11)` | Strikemaster | black, 4.6 to 1 |
| 31 | `#87607a` | `oklch(53.90% 0.0623 339.87)` | Purple Gumdrop | white, 5.2 to 1 |
| 32 | `#795876` | `oklch(50.56% 0.0628 329.65)` | Opulent Ostrich | white, 6 to 1 |
| 33 | `#6c5173` | `oklch(47.48% 0.0632 319.54)` | Gladiola Violet | white, 6.8 to 1 |
| 34 | `#5f4b6f` | `oklch(44.75% 0.0634 309.64)` | Loganberry | white, 7.7 to 1 |
| 35 | `#54466c` | `oklch(42.44% 0.0634 300.06)` | Haunted Candelabra | white, 8.5 to 1 |
| 36 | `#494369` | `oklch(40.64% 0.0631 290.88)` | Evening Lavender | white, 9.1 to 1 |
| 37 | `#414267` | `oklch(39.42% 0.0625 282.21)` | Chronicle | white, 9.5 to 1 |
| 38 | `#3a4266` | `oklch(38.86% 0.0617 274.10)` | Chronicle | white, 9.7 to 1 |
| 39 | `#354465` | `oklch(38.86% 0.0604 265.95)` | Stay the Night | white, 9.7 to 1 |
| 40 | `#324765` | `oklch(39.34% 0.0588 257.61)` | Stay the Night | white, 9.4 to 1 |
| 41 | `#2f4b66` | `oklch(40.26% 0.0569 249.14)` | Majolica Blue | white, 9 to 1 |
| 42 | `#2f5067` | `oklch(41.54% 0.0546 240.58)` | Blue Lava | white, 8.5 to 1 |
| 43 | `#315568` | `oklch(43.16% 0.0521 232.00)` | Deep Dive | white, 7.9 to 1 |
| 44 | `#355c6a` | `oklch(45.04% 0.0495 223.44)` | Under the Sea | white, 7.3 to 1 |
| 45 | `#3b626c` | `oklch(47.15% 0.0466 214.97)` | Mediterranea | white, 6.6 to 1 |
| 46 | `#43696e` | `oklch(49.42% 0.0437 206.63)` | Mythic Forest | white, 6 to 1 |
| 47 | `#4c7071` | `oklch(51.81% 0.0408 198.48)` | Sinkhole | white, 5.4 to 1 |
| 48 | `#567774` | `oklch(54.25% 0.0378 190.57)` | Sagebrush Green | white, 4.9 to 1 |
| 49 | `#607e78` | `oklch(56.71% 0.0348 182.96)` | Penzance | black, 4.7 to 1 |
| 50 | `#6a847d` | `oklch(59.11% 0.0320 175.71)` | Blueridge Fir | black, 5.2 to 1 |
| 51 | `#748a81` | `oklch(61.43% 0.0293 168.85)` | Misty Moor | black, 5.7 to 1 |
| 52 | `#7d9086` | `oklch(63.59% 0.0267 162.46)` | Lily Pad Pond | black, 6.2 to 1 |
| 53 | `#85968b` | `oklch(65.55% 0.0244 156.58)` | Underground Gardens | black, 6.7 to 1 |
| 54 | `#8c9a8f` | `oklch(67.25% 0.0224 151.27)` | Iceberg Green | black, 7.1 to 1 |
| 55 | `#929e93` | `oklch(68.65% 0.0207 146.58)` | Balsam Fir | black, 7.5 to 1 |
| 56 | `#97a196` | `oklch(69.69% 0.0193 142.56)` | Trellised Ivy | black, 7.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #705545 0.000% 1.786%, #745848 1.786% 3.571%, #785d4c 3.571% 5.357%, #7e6351 5.357% 7.143%, #856b56 7.143% 8.929%, #8d725d 8.929% 10.714%, #947b64 10.714% 12.500%, #9d846b 12.500% 14.286%, #a58e73 14.286% 16.071%, #ae977b 16.071% 17.857%, #b6a183 17.857% 19.643%, #bfaa8b 19.643% 21.429%, #c6b292 21.429% 23.214%, #ceba99 23.214% 25.000%, #d4c19f 25.000% 26.786%, #dac6a4 26.786% 28.571%, #dfcaa8 28.571% 30.357%, #e3ccaa 30.357% 32.143%, #e5ccab 32.143% 33.929%, #e6caaa 33.929% 35.714%, #e5c6a8 35.714% 37.500%, #e2bfa4 37.500% 39.286%, #ddb79f 39.286% 41.071%, #d7ad9a 41.071% 42.857%, #cfa294 42.857% 44.643%, #c6978f 44.643% 46.429%, #bb8b8a 46.429% 48.214%, #af8086 48.214% 50.000%, #a37482 50.000% 51.786%, #956a7e 51.786% 53.571%, #87607a 53.571% 55.357%, #795876 55.357% 57.143%, #6c5173 57.143% 58.929%, #5f4b6f 58.929% 60.714%, #54466c 60.714% 62.500%, #494369 62.500% 64.286%, #414267 64.286% 66.071%, #3a4266 66.071% 67.857%, #354465 67.857% 69.643%, #324765 69.643% 71.429%, #2f4b66 71.429% 73.214%, #2f5067 73.214% 75.000%, #315568 75.000% 76.786%, #355c6a 76.786% 78.571%, #3b626c 78.571% 80.357%, #43696e 80.357% 82.143%, #4c7071 82.143% 83.929%, #567774 83.929% 85.714%, #607e78 85.714% 87.500%, #6a847d 87.500% 89.286%, #748a81 89.286% 91.071%, #7d9086 91.071% 92.857%, #85968b 92.857% 94.643%, #8c9a8f 94.643% 96.429%, #929e93 96.429% 98.214%, #97a196 98.214% 100.000%);
background: linear-gradient(135deg, oklch(47.24% 0.0441 52.03) 0.000% 1.786%, oklch(48.53% 0.0443 52.95) 1.786% 3.571%, oklch(50.24% 0.0446 54.44) 3.571% 5.357%, oklch(52.31% 0.0450 56.40) 5.357% 7.143%, oklch(54.68% 0.0453 58.74) 7.143% 8.929%, oklch(57.29% 0.0457 61.34) 8.929% 10.714%, oklch(60.09% 0.0461 64.12) 10.714% 12.500%, oklch(63.01% 0.0466 66.98) 12.500% 14.286%, oklch(65.99% 0.0471 69.82) 14.286% 16.071%, oklch(68.97% 0.0475 72.53) 16.071% 17.857%, oklch(71.89% 0.0480 75.03) 17.857% 19.643%, oklch(74.69% 0.0486 77.22) 19.643% 21.429%, oklch(77.31% 0.0491 78.98) 21.429% 23.214%, oklch(79.69% 0.0496 80.24) 23.214% 25.000%, oklch(81.77% 0.0501 80.89) 25.000% 26.786%, oklch(83.49% 0.0507 80.82) 26.786% 28.571%, oklch(84.78% 0.0512 79.95) 28.571% 30.357%, oklch(85.60% 0.0517 78.17) 30.357% 32.143%, oklch(85.87% 0.0522 75.39) 32.143% 33.929%, oklch(85.52% 0.0527 71.52) 33.929% 35.714%, oklch(84.49% 0.0534 66.57) 35.714% 37.500%, oklch(82.85% 0.0542 60.65) 37.500% 39.286%, oklch(80.68% 0.0550 53.86) 39.286% 41.071%, oklch(78.07% 0.0560 46.29) 41.071% 42.857%, oklch(75.09% 0.0570 38.04) 42.857% 44.643%, oklch(71.82% 0.0580 29.22) 44.643% 46.429%, oklch(68.34% 0.0590 19.91) 46.429% 48.214%, oklch(64.72% 0.0599 10.22) 48.214% 50.000%, oklch(61.06% 0.0608 0.26) 50.000% 51.786%, oklch(57.42% 0.0616 350.11) 51.786% 53.571%, oklch(53.90% 0.0623 339.87) 53.571% 55.357%, oklch(50.56% 0.0628 329.65) 55.357% 57.143%, oklch(47.48% 0.0632 319.54) 57.143% 58.929%, oklch(44.75% 0.0634 309.64) 58.929% 60.714%, oklch(42.44% 0.0634 300.06) 60.714% 62.500%, oklch(40.64% 0.0631 290.88) 62.500% 64.286%, oklch(39.42% 0.0625 282.21) 64.286% 66.071%, oklch(38.86% 0.0617 274.10) 66.071% 67.857%, oklch(38.86% 0.0604 265.95) 67.857% 69.643%, oklch(39.34% 0.0588 257.61) 69.643% 71.429%, oklch(40.26% 0.0569 249.14) 71.429% 73.214%, oklch(41.54% 0.0546 240.58) 73.214% 75.000%, oklch(43.16% 0.0521 232.00) 75.000% 76.786%, oklch(45.04% 0.0495 223.44) 76.786% 78.571%, oklch(47.15% 0.0466 214.97) 78.571% 80.357%, oklch(49.42% 0.0437 206.63) 80.357% 82.143%, oklch(51.81% 0.0408 198.48) 82.143% 83.929%, oklch(54.25% 0.0378 190.57) 83.929% 85.714%, oklch(56.71% 0.0348 182.96) 85.714% 87.500%, oklch(59.11% 0.0320 175.71) 87.500% 89.286%, oklch(61.43% 0.0293 168.85) 89.286% 91.071%, oklch(63.59% 0.0267 162.46) 91.071% 92.857%, oklch(65.55% 0.0244 156.58) 92.857% 94.643%, oklch(67.25% 0.0224 151.27) 94.643% 96.429%, oklch(68.65% 0.0207 146.58) 96.429% 98.214%, oklch(69.69% 0.0193 142.56) 98.214% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.472 | 0.044 | 52 |
| 2 | 0.858 | 0.052 | 74.2 |
| 3 | 0.39 | 0.062 | -83.2 |
| 4 | 0.697 | 0.019 | -217.4 |

## In these collections

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

## Other forms

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