# Brown, mauve, blue and tan linear gradient

Brown, mauve, blue and tan linear gradient with 64 colors: #a56542, #a76646, #a9674a, #ab684f, #ad6a54, #af6b5a, #b16d61, #b37067, #b5726e, #b77575, #b9787c, #ba7a83, #bc7d89, #bc8090, #bd8296, #bd859b, #bd87a0, #bd89a5, #bc8aa9, #bb8bad, #ba8bb0, #b88bb3, #b58bb5, #b289b6, #ad87b8, #a885b9, #a282ba, #9b7fbb, #937bbc, #8b78bc, #8275bc, #7971bb, #6f6ebb, #666bba, #5d68b8, #5465b7, #4c62b6, #455fb4, #3f5cb3, #3b5ab2, #3a58b2, #3b56b2, #3f55b2, #4654b3, #4f53b4, #5a52b4, #6651b3, #7351b1, #8151ae, #8e51a8, #9b52a2, #a85499, #b35790, #bd5b86, #c6607c, #cd6772, #d26e68, #d57660, #d67e59, #d78654, #d68d50, #d5944f, #d39a4f, #d19e50. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUkUYi2Bu2r22uNdKVOA`
- Page: https://grabient.com/kUkUYi2Bu2r22uNdKVOA?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#a56542` | `oklch(57.09% 0.0965 48.52)` | Earth | white, 4.6 to 1 |
| 2 | `#a76646` | `oklch(57.44% 0.0958 46.46)` | Amazonian | black, 4.6 to 1 |
| 3 | `#a9674a` | `oklch(57.91% 0.0949 44.04)` | Amazonian | black, 4.7 to 1 |
| 4 | `#ab684f` | `oklch(58.48% 0.0938 41.29)` | Soho Red | black, 4.8 to 1 |
| 5 | `#ad6a54` | `oklch(59.14% 0.0924 38.24)` | Deep Clay Red | black, 4.9 to 1 |
| 6 | `#af6b5a` | `oklch(59.86% 0.0909 34.91)` | Bantam Egg | black, 5 to 1 |
| 7 | `#b16d61` | `oklch(60.65% 0.0893 31.35)` | Scene Stealer | black, 5.2 to 1 |
| 8 | `#b37067` | `oklch(61.48% 0.0876 27.58)` | Morocco | black, 5.4 to 1 |
| 9 | `#b5726e` | `oklch(62.33% 0.0858 23.63)` | Terra Tone | black, 5.6 to 1 |
| 10 | `#b77575` | `oklch(63.20% 0.0841 19.53)` | Canyon Rose | black, 5.8 to 1 |
| 11 | `#b9787c` | `oklch(64.07% 0.0823 15.32)` | Nipple | black, 6 to 1 |
| 12 | `#ba7a83` | `oklch(64.92% 0.0806 11.02)` | Fiesta Rojo | black, 6.2 to 1 |
| 13 | `#bc7d89` | `oklch(65.73% 0.0791 6.68)` | Lipstick Pink | black, 6.4 to 1 |
| 14 | `#bc8090` | `oklch(66.51% 0.0776 2.31)` | Lipstick Pink | black, 6.6 to 1 |
| 15 | `#bd8296` | `oklch(67.22% 0.0764 357.95)` | Polignac | black, 6.8 to 1 |
| 16 | `#bd859b` | `oklch(67.86% 0.0754 353.63)` | Mauvey Nude | black, 6.9 to 1 |
| 17 | `#bd87a0` | `oklch(68.41% 0.0746 349.38)` | A Plum Job | black, 7.1 to 1 |
| 18 | `#bd89a5` | `oklch(68.85% 0.0741 345.24)` | A Plum Job | black, 7.2 to 1 |
| 19 | `#bc8aa9` | `oklch(69.18% 0.0739 341.23)` | A Plum Job | black, 7.3 to 1 |
| 20 | `#bb8bad` | `oklch(69.37% 0.0741 337.38)` | Purple Lepidolite | black, 7.4 to 1 |
| 21 | `#ba8bb0` | `oklch(69.41% 0.0747 333.74)` | Purple Lepidolite | black, 7.4 to 1 |
| 22 | `#b88bb3` | `oklch(69.29% 0.0758 330.32)` | Violet Whimsy | black, 7.3 to 1 |
| 23 | `#b58bb5` | `oklch(68.96% 0.0774 326.82)` | Violet Whimsy | black, 7.3 to 1 |
| 24 | `#b289b6` | `oklch(68.41% 0.0796 322.95)` | Violet Whimsy | black, 7.1 to 1 |
| 25 | `#ad87b8` | `oklch(67.65% 0.0824 318.79)` | African Violet | black, 6.9 to 1 |
| 26 | `#a885b9` | `oklch(66.71% 0.0857 314.40)` | Purple Statice | black, 6.6 to 1 |
| 27 | `#a282ba` | `oklch(65.62% 0.0893 309.85)` | Purple Mountains’ Majesty | black, 6.4 to 1 |
| 28 | `#9b7fbb` | `oklch(64.41% 0.0934 305.20)` | Plum Burst | black, 6.1 to 1 |
| 29 | `#937bbc` | `oklch(63.09% 0.0977 300.53)` | Royal Raul | black, 5.8 to 1 |
| 30 | `#8b78bc` | `oklch(61.70% 0.1022 295.90)` | Ube | black, 5.5 to 1 |
| 31 | `#8275bc` | `oklch(60.27% 0.1069 291.38)` | Purple Hebe | black, 5.1 to 1 |
| 32 | `#7971bb` | `oklch(58.80% 0.1116 287.03)` | Venus Violet | black, 4.9 to 1 |
| 33 | `#6f6ebb` | `oklch(57.34% 0.1164 282.92)` | Purple Toolbox | black, 4.6 to 1 |
| 34 | `#666bba` | `oklch(55.91% 0.1211 279.13)` | Bluish Purple Anemone | white, 4.8 to 1 |
| 35 | `#5d68b8` | `oklch(54.53% 0.1257 275.71)` | Bluish Purple Anemone | white, 5 to 1 |
| 36 | `#5465b7` | `oklch(53.22% 0.1301 272.74)` | Evening Lagoon | white, 5.3 to 1 |
| 37 | `#4c62b6` | `oklch(52.02% 0.1343 270.28)` | Kakitsubata Blue | white, 5.6 to 1 |
| 38 | `#455fb4` | `oklch(50.95% 0.1381 268.41)` | Chinese Bellflower | white, 5.9 to 1 |
| 39 | `#3f5cb3` | `oklch(50.04% 0.1416 267.18)` | Chinese Bellflower | white, 6.1 to 1 |
| 40 | `#3b5ab2` | `oklch(49.30% 0.1446 266.66)` | Blasphemous Blue | white, 6.3 to 1 |
| 41 | `#3a58b2` | `oklch(48.77% 0.1471 266.93)` | Blasphemous Blue | white, 6.5 to 1 |
| 42 | `#3b56b2` | `oklch(48.47% 0.1490 268.05)` | Blasphemous Blue | white, 6.6 to 1 |
| 43 | `#3f55b2` | `oklch(48.43% 0.1502 270.08)` | Blasphemous Blue | white, 6.6 to 1 |
| 44 | `#4654b3` | `oklch(48.65% 0.1508 273.28)` | Chinese Bellflower | white, 6.6 to 1 |
| 45 | `#4f53b4` | `oklch(49.11% 0.1509 277.75)` | Brandywine Raspberry | white, 6.5 to 1 |
| 46 | `#5a52b4` | `oklch(49.79% 0.1504 283.37)` | Brandywine Raspberry | white, 6.3 to 1 |
| 47 | `#6651b3` | `oklch(50.66% 0.1495 290.01)` | Ultrapurple Merge | white, 6.1 to 1 |
| 48 | `#7351b1` | `oklch(51.71% 0.1482 297.54)` | Royal Lavender | white, 5.9 to 1 |
| 49 | `#8151ae` | `oklch(52.91% 0.1466 305.84)` | Royal Lavender | white, 5.6 to 1 |
| 50 | `#8e51a8` | `oklch(54.23% 0.1447 314.78)` | Vicious Violet | white, 5.3 to 1 |
| 51 | `#9b52a2` | `oklch(55.65% 0.1425 324.23)` | Purpureus | white, 5 to 1 |
| 52 | `#a85499` | `oklch(57.16% 0.1401 334.07)` | Brilliant Carmine | white, 4.7 to 1 |
| 53 | `#b35790` | `oklch(58.73% 0.1376 344.17)` | Pink Pizzazz | black, 4.6 to 1 |
| 54 | `#bd5b86` | `oklch(60.33% 0.1349 354.39)` | Beauty Queen | black, 5 to 1 |
| 55 | `#c6607c` | `oklch(61.94% 0.1322 4.63)` | Cherry Pink | black, 5.3 to 1 |
| 56 | `#cd6772` | `oklch(63.54% 0.1295 14.74)` | Lovebirds | black, 5.7 to 1 |
| 57 | `#d26e68` | `oklch(65.11% 0.1268 24.60)` | Matador’s Cape | black, 6.1 to 1 |
| 58 | `#d57660` | `oklch(66.62% 0.1242 34.09)` | Silithus Brown | black, 6.5 to 1 |
| 59 | `#d67e59` | `oklch(68.05% 0.1217 43.07)` | Deep Coral | black, 6.9 to 1 |
| 60 | `#d78654` | `oklch(69.38% 0.1194 51.42)` | Copperhead | black, 7.3 to 1 |
| 61 | `#d68d50` | `oklch(70.59% 0.1173 59.02)` | Serape | black, 7.7 to 1 |
| 62 | `#d5944f` | `oklch(71.65% 0.1155 65.73)` | Salt Caramel | black, 8.1 to 1 |
| 63 | `#d39a4f` | `oklch(72.53% 0.1141 71.43)` | Saffron Strands | black, 8.4 to 1 |
| 64 | `#d19e50` | `oklch(73.23% 0.1130 75.99)` | Bright Gold | black, 8.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #a56542 0.0%, #a76646 1.6%, #a9674a 3.2%, #ab684f 4.8%, #ad6a54 6.3%, #af6b5a 7.9%, #b16d61 9.5%, #b37067 11.1%, #b5726e 12.7%, #b77575 14.3%, #b9787c 15.9%, #ba7a83 17.5%, #bc7d89 19.0%, #bc8090 20.6%, #bd8296 22.2%, #bd859b 23.8%, #bd87a0 25.4%, #bd89a5 27.0%, #bc8aa9 28.6%, #bb8bad 30.2%, #ba8bb0 31.7%, #b88bb3 33.3%, #b58bb5 34.9%, #b289b6 36.5%, #ad87b8 38.1%, #a885b9 39.7%, #a282ba 41.3%, #9b7fbb 42.9%, #937bbc 44.4%, #8b78bc 46.0%, #8275bc 47.6%, #7971bb 49.2%, #6f6ebb 50.8%, #666bba 52.4%, #5d68b8 54.0%, #5465b7 55.6%, #4c62b6 57.1%, #455fb4 58.7%, #3f5cb3 60.3%, #3b5ab2 61.9%, #3a58b2 63.5%, #3b56b2 65.1%, #3f55b2 66.7%, #4654b3 68.3%, #4f53b4 69.8%, #5a52b4 71.4%, #6651b3 73.0%, #7351b1 74.6%, #8151ae 76.2%, #8e51a8 77.8%, #9b52a2 79.4%, #a85499 81.0%, #b35790 82.5%, #bd5b86 84.1%, #c6607c 85.7%, #cd6772 87.3%, #d26e68 88.9%, #d57660 90.5%, #d67e59 92.1%, #d78654 93.7%, #d68d50 95.2%, #d5944f 96.8%, #d39a4f 98.4%, #d19e50 100.0%);
background: linear-gradient(135deg in oklch, oklch(57.09% 0.0965 48.52) 0.0%, oklch(57.44% 0.0958 46.46) 1.6%, oklch(57.91% 0.0949 44.04) 3.2%, oklch(58.48% 0.0938 41.29) 4.8%, oklch(59.14% 0.0924 38.24) 6.3%, oklch(59.86% 0.0909 34.91) 7.9%, oklch(60.65% 0.0893 31.35) 9.5%, oklch(61.48% 0.0876 27.58) 11.1%, oklch(62.33% 0.0858 23.63) 12.7%, oklch(63.20% 0.0841 19.53) 14.3%, oklch(64.07% 0.0823 15.32) 15.9%, oklch(64.92% 0.0806 11.02) 17.5%, oklch(65.73% 0.0791 6.68) 19.0%, oklch(66.51% 0.0776 2.31) 20.6%, oklch(67.22% 0.0764 357.95) 22.2%, oklch(67.86% 0.0754 353.63) 23.8%, oklch(68.41% 0.0746 349.38) 25.4%, oklch(68.85% 0.0741 345.24) 27.0%, oklch(69.18% 0.0739 341.23) 28.6%, oklch(69.37% 0.0741 337.38) 30.2%, oklch(69.41% 0.0747 333.74) 31.7%, oklch(69.29% 0.0758 330.32) 33.3%, oklch(68.96% 0.0774 326.82) 34.9%, oklch(68.41% 0.0796 322.95) 36.5%, oklch(67.65% 0.0824 318.79) 38.1%, oklch(66.71% 0.0857 314.40) 39.7%, oklch(65.62% 0.0893 309.85) 41.3%, oklch(64.41% 0.0934 305.20) 42.9%, oklch(63.09% 0.0977 300.53) 44.4%, oklch(61.70% 0.1022 295.90) 46.0%, oklch(60.27% 0.1069 291.38) 47.6%, oklch(58.80% 0.1116 287.03) 49.2%, oklch(57.34% 0.1164 282.92) 50.8%, oklch(55.91% 0.1211 279.13) 52.4%, oklch(54.53% 0.1257 275.71) 54.0%, oklch(53.22% 0.1301 272.74) 55.6%, oklch(52.02% 0.1343 270.28) 57.1%, oklch(50.95% 0.1381 268.41) 58.7%, oklch(50.04% 0.1416 267.18) 60.3%, oklch(49.30% 0.1446 266.66) 61.9%, oklch(48.77% 0.1471 266.93) 63.5%, oklch(48.47% 0.1490 268.05) 65.1%, oklch(48.43% 0.1502 270.08) 66.7%, oklch(48.65% 0.1508 273.28) 68.3%, oklch(49.11% 0.1509 277.75) 69.8%, oklch(49.79% 0.1504 283.37) 71.4%, oklch(50.66% 0.1495 290.01) 73.0%, oklch(51.71% 0.1482 297.54) 74.6%, oklch(52.91% 0.1466 305.84) 76.2%, oklch(54.23% 0.1447 314.78) 77.8%, oklch(55.65% 0.1425 324.23) 79.4%, oklch(57.16% 0.1401 334.07) 81.0%, oklch(58.73% 0.1376 344.17) 82.5%, oklch(60.33% 0.1349 354.39) 84.1%, oklch(61.94% 0.1322 4.63) 85.7%, oklch(63.54% 0.1295 14.74) 87.3%, oklch(65.11% 0.1268 24.60) 88.9%, oklch(66.62% 0.1242 34.09) 90.5%, oklch(68.05% 0.1217 43.07) 92.1%, oklch(69.38% 0.1194 51.42) 93.7%, oklch(70.59% 0.1173 59.02) 95.2%, oklch(71.65% 0.1155 65.73) 96.8%, oklch(72.53% 0.1141 71.43) 98.4%, oklch(73.23% 0.1130 75.99) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.571 | 0.096 | 48.5 |
| 2 | 0.693 | 0.076 | -29.7 |
| 3 | 0.484 | 0.15 | -89.9 |
| 4 | 0.732 | 0.113 | 76 |

## In these collections

- [Fynbos after winter rain](https://grabient.com/fynbos-after-winter-rain)

## Other forms

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