# Teal plum cream halo

Brown, purple, navy and gray linear gradient 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.

- Also called: Brown, purple, navy and gray linear gradient
- Seed: `kUeCAlbRNCjGWrVYhzAA`
- Page: https://grabient.com/kUeCAlbRNCjGWrVYhzAA?steps=56&angle=135
- Drawn as: linear gradient, 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.0%, #745848 1.8%, #785d4c 3.6%, #7e6351 5.5%, #856b56 7.3%, #8d725d 9.1%, #947b64 10.9%, #9d846b 12.7%, #a58e73 14.5%, #ae977b 16.4%, #b6a183 18.2%, #bfaa8b 20.0%, #c6b292 21.8%, #ceba99 23.6%, #d4c19f 25.5%, #dac6a4 27.3%, #dfcaa8 29.1%, #e3ccaa 30.9%, #e5ccab 32.7%, #e6caaa 34.5%, #e5c6a8 36.4%, #e2bfa4 38.2%, #ddb79f 40.0%, #d7ad9a 41.8%, #cfa294 43.6%, #c6978f 45.5%, #bb8b8a 47.3%, #af8086 49.1%, #a37482 50.9%, #956a7e 52.7%, #87607a 54.5%, #795876 56.4%, #6c5173 58.2%, #5f4b6f 60.0%, #54466c 61.8%, #494369 63.6%, #414267 65.5%, #3a4266 67.3%, #354465 69.1%, #324765 70.9%, #2f4b66 72.7%, #2f5067 74.5%, #315568 76.4%, #355c6a 78.2%, #3b626c 80.0%, #43696e 81.8%, #4c7071 83.6%, #567774 85.5%, #607e78 87.3%, #6a847d 89.1%, #748a81 90.9%, #7d9086 92.7%, #85968b 94.5%, #8c9a8f 96.4%, #929e93 98.2%, #97a196 100.0%);
background: linear-gradient(135deg in oklch, oklch(47.24% 0.0441 52.03) 0.0%, oklch(48.53% 0.0443 52.95) 1.8%, oklch(50.24% 0.0446 54.44) 3.6%, oklch(52.31% 0.0450 56.40) 5.5%, oklch(54.68% 0.0453 58.74) 7.3%, oklch(57.29% 0.0457 61.34) 9.1%, oklch(60.09% 0.0461 64.12) 10.9%, oklch(63.01% 0.0466 66.98) 12.7%, oklch(65.99% 0.0471 69.82) 14.5%, oklch(68.97% 0.0475 72.53) 16.4%, oklch(71.89% 0.0480 75.03) 18.2%, oklch(74.69% 0.0486 77.22) 20.0%, oklch(77.31% 0.0491 78.98) 21.8%, oklch(79.69% 0.0496 80.24) 23.6%, oklch(81.77% 0.0501 80.89) 25.5%, oklch(83.49% 0.0507 80.82) 27.3%, oklch(84.78% 0.0512 79.95) 29.1%, oklch(85.60% 0.0517 78.17) 30.9%, oklch(85.87% 0.0522 75.39) 32.7%, oklch(85.52% 0.0527 71.52) 34.5%, oklch(84.49% 0.0534 66.57) 36.4%, oklch(82.85% 0.0542 60.65) 38.2%, oklch(80.68% 0.0550 53.86) 40.0%, oklch(78.07% 0.0560 46.29) 41.8%, oklch(75.09% 0.0570 38.04) 43.6%, oklch(71.82% 0.0580 29.22) 45.5%, oklch(68.34% 0.0590 19.91) 47.3%, oklch(64.72% 0.0599 10.22) 49.1%, oklch(61.06% 0.0608 0.26) 50.9%, oklch(57.42% 0.0616 350.11) 52.7%, oklch(53.90% 0.0623 339.87) 54.5%, oklch(50.56% 0.0628 329.65) 56.4%, oklch(47.48% 0.0632 319.54) 58.2%, oklch(44.75% 0.0634 309.64) 60.0%, oklch(42.44% 0.0634 300.06) 61.8%, oklch(40.64% 0.0631 290.88) 63.6%, oklch(39.42% 0.0625 282.21) 65.5%, oklch(38.86% 0.0617 274.10) 67.3%, oklch(38.86% 0.0604 265.95) 69.1%, oklch(39.34% 0.0588 257.61) 70.9%, oklch(40.26% 0.0569 249.14) 72.7%, oklch(41.54% 0.0546 240.58) 74.5%, oklch(43.16% 0.0521 232.00) 76.4%, oklch(45.04% 0.0495 223.44) 78.2%, oklch(47.15% 0.0466 214.97) 80.0%, oklch(49.42% 0.0437 206.63) 81.8%, oklch(51.81% 0.0408 198.48) 83.6%, oklch(54.25% 0.0378 190.57) 85.5%, oklch(56.71% 0.0348 182.96) 87.3%, oklch(59.11% 0.0320 175.71) 89.1%, oklch(61.43% 0.0293 168.85) 90.9%, oklch(63.59% 0.0267 162.46) 92.7%, oklch(65.55% 0.0244 156.58) 94.5%, oklch(67.25% 0.0224 151.27) 96.4%, oklch(68.65% 0.0207 146.58) 98.2%, oklch(69.69% 0.0193 142.56) 100.0%);
```

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