# Mauve Suede with Camel

Duotone purple to brown linear gradient with 64 colors: #464354, #494557, #4b475b, #4f495f, #534b64, #584e69, #5d516f, #635374, #69567a, #6f597f, #755b84, #7b5e88, #81608c, #866290, #8a6493, #8d6695, #8f6796, #8f6997, #8e6a98, #8d6b98, #8a6b97, #876c95, #846c94, #816d91, #7d6d8f, #7a6d8c, #776c89, #746c86, #726b83, #716b81, #6f6a80, #6f6a7f, #6f6a7f, #6f6980, #706881, #716783, #726685, #746587, #76638a, #79618c, #7c608d, #805e8f, #845c8f, #885a8f, #8d598f, #91578e, #96568c, #9a568a, #9e5687, #a35784, #a75980, #ab5c7c, #ae5f78, #b16374, #b46770, #b66b6d, #b7706b, #b8756a, #b87a6a, #b87f6a, #b8836b, #b7876c, #b78a6e, #b68c6f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Duotone purple to brown linear gradient
- Seed: `kWZBXQyJ7DMQMPRGKUTVZhJI`
- Page: https://grabient.com/kWZBXQyJ7DMQMPRGKUTVZhJI?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 3.1 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 | `#464354` | `oklch(39.37% 0.0289 293.20)` | Mourning Violet | white, 9.5 to 1 |
| 2 | `#494557` | `oklch(40.04% 0.0311 294.28)` | Oath | white, 9.2 to 1 |
| 3 | `#4b475b` | `oklch(40.91% 0.0340 295.73)` | Pale Blackish Purple | white, 8.9 to 1 |
| 4 | `#4f495f` | `oklch(41.95% 0.0376 297.48)` | Violet Shadow | white, 8.5 to 1 |
| 5 | `#534b64` | `oklch(43.13% 0.0416 299.49)` | Magic Spell | white, 8.1 to 1 |
| 6 | `#584e69` | `oklch(44.42% 0.0460 301.67)` | Crowning | white, 7.7 to 1 |
| 7 | `#5d516f` | `oklch(45.78% 0.0507 303.99)` | Exotic Evening | white, 7.3 to 1 |
| 8 | `#635374` | `oklch(47.20% 0.0555 306.37)` | Rich Texture | white, 6.9 to 1 |
| 9 | `#69567a` | `oklch(48.63% 0.0603 308.76)` | Grape Expectations | white, 6.5 to 1 |
| 10 | `#6f597f` | `oklch(50.05% 0.0650 311.08)` | Mystical | white, 6.1 to 1 |
| 11 | `#755b84` | `oklch(51.43% 0.0694 313.30)` | Mystical Purple | white, 5.8 to 1 |
| 12 | `#7b5e88` | `oklch(52.74% 0.0735 315.33)` | Plum Power | white, 5.5 to 1 |
| 13 | `#81608c` | `oklch(53.95% 0.0771 317.12)` | Dusty Purple | white, 5.2 to 1 |
| 14 | `#866290` | `oklch(55.03% 0.0800 318.62)` | Swiss Lilac | white, 5 to 1 |
| 15 | `#8a6493` | `oklch(55.95% 0.0823 319.75)` | Mirabella | white, 4.8 to 1 |
| 16 | `#8d6695` | `oklch(56.68% 0.0837 320.46)` | Viola Grey | white, 4.7 to 1 |
| 17 | `#8f6796` | `oklch(57.19% 0.0840 320.68)` | Viola Grey | white, 4.6 to 1 |
| 18 | `#8f6997` | `oklch(57.51% 0.0832 320.30)` | Viola Grey | black, 4.6 to 1 |
| 19 | `#8e6a98` | `oklch(57.65% 0.0812 319.35)` | Viola Grey | black, 4.6 to 1 |
| 20 | `#8d6b98` | `oklch(57.65% 0.0782 317.92)` | Rhinestone | black, 4.6 to 1 |
| 21 | `#8a6b97` | `oklch(57.52% 0.0744 316.10)` | Viola Grey | black, 4.6 to 1 |
| 22 | `#876c95` | `oklch(57.29% 0.0701 313.99)` | Poetry Mauve | black, 4.6 to 1 |
| 23 | `#846c94` | `oklch(56.97% 0.0653 311.66)` | Ornate | white, 4.5 to 1 |
| 24 | `#816d91` | `oklch(56.59% 0.0602 309.22)` | Ornate | white, 4.6 to 1 |
| 25 | `#7d6d8f` | `oklch(56.16% 0.0551 306.74)` | Nymph’s Delight | white, 4.7 to 1 |
| 26 | `#7a6d8c` | `oklch(55.70% 0.0501 304.33)` | Nymph’s Delight | white, 4.8 to 1 |
| 27 | `#776c89` | `oklch(55.25% 0.0454 302.07)` | Amethyst Gem | white, 4.8 to 1 |
| 28 | `#746c86` | `oklch(54.80% 0.0412 300.05)` | Beets | white, 4.9 to 1 |
| 29 | `#726b83` | `oklch(54.39% 0.0376 298.37)` | Beets | white, 5 to 1 |
| 30 | `#716b81` | `oklch(54.04% 0.0349 297.10)` | Purple Sage | white, 5.1 to 1 |
| 31 | `#6f6a80` | `oklch(53.77% 0.0333 296.35)` | Purple Sage | white, 5.1 to 1 |
| 32 | `#6f6a7f` | `oklch(53.59% 0.0328 296.20)` | Purple Sage | white, 5.2 to 1 |
| 33 | `#6f6a7f` | `oklch(53.51% 0.0337 296.69)` | Purple Sage | white, 5.2 to 1 |
| 34 | `#6f6980` | `oklch(53.45% 0.0361 297.59)` | Purple Sage | white, 5.2 to 1 |
| 35 | `#706881` | `oklch(53.39% 0.0397 298.84)` | Aromatic | white, 5.2 to 1 |
| 36 | `#716783` | `oklch(53.35% 0.0445 300.42)` | Aromatic | white, 5.2 to 1 |
| 37 | `#726685` | `oklch(53.31% 0.0501 302.29)` | Aromatic | white, 5.3 to 1 |
| 38 | `#746587` | `oklch(53.29% 0.0563 304.45)` | Posy Purple | white, 5.3 to 1 |
| 39 | `#76638a` | `oklch(53.30% 0.0631 306.87)` | Super Violet | white, 5.3 to 1 |
| 40 | `#79618c` | `oklch(53.33% 0.0701 309.52)` | Super Violet | white, 5.3 to 1 |
| 41 | `#7c608d` | `oklch(53.39% 0.0772 312.39)` | Plum Power | white, 5.3 to 1 |
| 42 | `#805e8f` | `oklch(53.48% 0.0842 315.45)` | Plum Power | white, 5.3 to 1 |
| 43 | `#845c8f` | `oklch(53.62% 0.0909 318.68)` | Purple Fluorite | white, 5.3 to 1 |
| 44 | `#885a8f` | `oklch(53.79% 0.0971 322.06)` | Ancient Murasaki Purple | white, 5.3 to 1 |
| 45 | `#8d598f` | `oklch(54.02% 0.1025 325.57)` | Ancient Murasaki Purple | white, 5.3 to 1 |
| 46 | `#91578e` | `oklch(54.29% 0.1071 329.19)` | Àn Zǐ Purple | white, 5.2 to 1 |
| 47 | `#96568c` | `oklch(54.62% 0.1105 332.88)` | Àn Zǐ Purple | white, 5.2 to 1 |
| 48 | `#9a568a` | `oklch(55.01% 0.1127 336.64)` | Purplish | white, 5.1 to 1 |
| 49 | `#9e5687` | `oklch(55.48% 0.1134 340.60)` | Purple Zergling | white, 5 to 1 |
| 50 | `#a35784` | `oklch(56.07% 0.1131 345.08)` | Feminism | white, 4.9 to 1 |
| 51 | `#a75980` | `oklch(56.77% 0.1118 350.02)` | Guppy Violet | white, 4.7 to 1 |
| 52 | `#ab5c7c` | `oklch(57.55% 0.1096 355.34)` | Indian Pink | white, 4.6 to 1 |
| 53 | `#ae5f78` | `oklch(58.40% 0.1067 0.93)` | Daah-Ling | black, 4.7 to 1 |
| 54 | `#b16374` | `oklch(59.31% 0.1032 6.72)` | Refined Rose | black, 4.9 to 1 |
| 55 | `#b46770` | `oklch(60.25% 0.0993 12.62)` | Slate Rose | black, 5.1 to 1 |
| 56 | `#b66b6d` | `oklch(61.20% 0.0951 18.53)` | Exotic Incense | black, 5.3 to 1 |
| 57 | `#b7706b` | `oklch(62.15% 0.0907 24.36)` | Terra Tone | black, 5.5 to 1 |
| 58 | `#b8756a` | `oklch(63.09% 0.0863 30.04)` | Rojo Dust | black, 5.8 to 1 |
| 59 | `#b87a6a` | `oklch(63.99% 0.0819 35.47)` | Faneuil Brick | black, 6 to 1 |
| 60 | `#b87f6a` | `oklch(64.83% 0.0778 40.56)` | Western Pink | black, 6.2 to 1 |
| 61 | `#b8836b` | `oklch(65.60% 0.0740 45.23)` | Red Gravel | black, 6.4 to 1 |
| 62 | `#b7876c` | `oklch(66.29% 0.0707 49.38)` | Red Gravel | black, 6.6 to 1 |
| 63 | `#b78a6e` | `oklch(66.87% 0.0681 52.93)` | Carmelite | black, 6.8 to 1 |
| 64 | `#b68c6f` | `oklch(67.32% 0.0661 55.79)` | Dune Drift | black, 6.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #464354 0.0%, #494557 1.6%, #4b475b 3.2%, #4f495f 4.8%, #534b64 6.3%, #584e69 7.9%, #5d516f 9.5%, #635374 11.1%, #69567a 12.7%, #6f597f 14.3%, #755b84 15.9%, #7b5e88 17.5%, #81608c 19.0%, #866290 20.6%, #8a6493 22.2%, #8d6695 23.8%, #8f6796 25.4%, #8f6997 27.0%, #8e6a98 28.6%, #8d6b98 30.2%, #8a6b97 31.7%, #876c95 33.3%, #846c94 34.9%, #816d91 36.5%, #7d6d8f 38.1%, #7a6d8c 39.7%, #776c89 41.3%, #746c86 42.9%, #726b83 44.4%, #716b81 46.0%, #6f6a80 47.6%, #6f6a7f 49.2%, #6f6a7f 50.8%, #6f6980 52.4%, #706881 54.0%, #716783 55.6%, #726685 57.1%, #746587 58.7%, #76638a 60.3%, #79618c 61.9%, #7c608d 63.5%, #805e8f 65.1%, #845c8f 66.7%, #885a8f 68.3%, #8d598f 69.8%, #91578e 71.4%, #96568c 73.0%, #9a568a 74.6%, #9e5687 76.2%, #a35784 77.8%, #a75980 79.4%, #ab5c7c 81.0%, #ae5f78 82.5%, #b16374 84.1%, #b46770 85.7%, #b66b6d 87.3%, #b7706b 88.9%, #b8756a 90.5%, #b87a6a 92.1%, #b87f6a 93.7%, #b8836b 95.2%, #b7876c 96.8%, #b78a6e 98.4%, #b68c6f 100.0%);
background: linear-gradient(135deg in oklch, oklch(39.37% 0.0289 293.20) 0.0%, oklch(40.04% 0.0311 294.28) 1.6%, oklch(40.91% 0.0340 295.73) 3.2%, oklch(41.95% 0.0376 297.48) 4.8%, oklch(43.13% 0.0416 299.49) 6.3%, oklch(44.42% 0.0460 301.67) 7.9%, oklch(45.78% 0.0507 303.99) 9.5%, oklch(47.20% 0.0555 306.37) 11.1%, oklch(48.63% 0.0603 308.76) 12.7%, oklch(50.05% 0.0650 311.08) 14.3%, oklch(51.43% 0.0694 313.30) 15.9%, oklch(52.74% 0.0735 315.33) 17.5%, oklch(53.95% 0.0771 317.12) 19.0%, oklch(55.03% 0.0800 318.62) 20.6%, oklch(55.95% 0.0823 319.75) 22.2%, oklch(56.68% 0.0837 320.46) 23.8%, oklch(57.19% 0.0840 320.68) 25.4%, oklch(57.51% 0.0832 320.30) 27.0%, oklch(57.65% 0.0812 319.35) 28.6%, oklch(57.65% 0.0782 317.92) 30.2%, oklch(57.52% 0.0744 316.10) 31.7%, oklch(57.29% 0.0701 313.99) 33.3%, oklch(56.97% 0.0653 311.66) 34.9%, oklch(56.59% 0.0602 309.22) 36.5%, oklch(56.16% 0.0551 306.74) 38.1%, oklch(55.70% 0.0501 304.33) 39.7%, oklch(55.25% 0.0454 302.07) 41.3%, oklch(54.80% 0.0412 300.05) 42.9%, oklch(54.39% 0.0376 298.37) 44.4%, oklch(54.04% 0.0349 297.10) 46.0%, oklch(53.77% 0.0333 296.35) 47.6%, oklch(53.59% 0.0328 296.20) 49.2%, oklch(53.51% 0.0337 296.69) 50.8%, oklch(53.45% 0.0361 297.59) 52.4%, oklch(53.39% 0.0397 298.84) 54.0%, oklch(53.35% 0.0445 300.42) 55.6%, oklch(53.31% 0.0501 302.29) 57.1%, oklch(53.29% 0.0563 304.45) 58.7%, oklch(53.30% 0.0631 306.87) 60.3%, oklch(53.33% 0.0701 309.52) 61.9%, oklch(53.39% 0.0772 312.39) 63.5%, oklch(53.48% 0.0842 315.45) 65.1%, oklch(53.62% 0.0909 318.68) 66.7%, oklch(53.79% 0.0971 322.06) 68.3%, oklch(54.02% 0.1025 325.57) 69.8%, oklch(54.29% 0.1071 329.19) 71.4%, oklch(54.62% 0.1105 332.88) 73.0%, oklch(55.01% 0.1127 336.64) 74.6%, oklch(55.48% 0.1134 340.60) 76.2%, oklch(56.07% 0.1131 345.08) 77.8%, oklch(56.77% 0.1118 350.02) 79.4%, oklch(57.55% 0.1096 355.34) 81.0%, oklch(58.40% 0.1067 0.93) 82.5%, oklch(59.31% 0.1032 6.72) 84.1%, oklch(60.25% 0.0993 12.62) 85.7%, oklch(61.20% 0.0951 18.53) 87.3%, oklch(62.15% 0.0907 24.36) 88.9%, oklch(63.09% 0.0863 30.04) 90.5%, oklch(63.99% 0.0819 35.47) 92.1%, oklch(64.83% 0.0778 40.56) 93.7%, oklch(65.60% 0.0740 45.23) 95.2%, oklch(66.29% 0.0707 49.38) 96.8%, oklch(66.87% 0.0681 52.93) 98.4%, oklch(67.32% 0.0661 55.79) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.394 | 0.029 | 293.2 |
| 2 | 0.571 | 0.084 | 320.7 |
| 3 | 0.535 | 0.033 | 296.4 |
| 4 | 0.551 | 0.113 | 337.6 |
| 5 | 0.673 | 0.066 | 415.8 |

## In these collections

- [Charcoal plum tailoring](https://grabient.com/charcoal-plum-tailoring)

## Other forms

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