# Brown to purple linear gradient

Brown to purple linear gradient with 48 colors: #be825c, #bc815c, #bb815b, #b9815b, #b7815b, #b5805b, #b3805b, #b1805b, #ae7f5a, #ad7e5a, #ab7e59, #aa7d57, #a97c55, #a87a52, #a8784e, #a87649, #a87344, #a8713e, #a96e38, #a96c31, #aa6a2b, #aa6826, #aa6721, #ab681e, #ab691d, #aa6c1f, #a97123, #a8772a, #a67d33, #a5843c, #a48946, #a48e4f, #a49257, #a6955d, #a89661, #ab9562, #af9262, #b48c61, #b88563, #ba7c69, #b97474, #b36d82, #a96891, #9a659f, #8865aa, #7566b1, #6268b4, #5269b5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWp0IlzxxA8mrwDWGsKRKwrA`
- Page: https://grabient.com/kWp0IlzxxA8mrwDWGsKRKwrA?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.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 | `#be825c` | `oklch(65.75% 0.0909 52.73)` | Sundial | black, 6.5 to 1 |
| 2 | `#bc815c` | `oklch(65.58% 0.0901 53.17)` | Sundial | black, 6.4 to 1 |
| 3 | `#bb815b` | `oklch(65.36% 0.0887 53.75)` | Southern Barrens Mud | black, 6.4 to 1 |
| 4 | `#b9815b` | `oklch(65.11% 0.0870 54.45)` | Southern Barrens Mud | black, 6.3 to 1 |
| 5 | `#b7815b` | `oklch(64.83% 0.0851 55.23)` | Southern Barrens Mud | black, 6.2 to 1 |
| 6 | `#b5805b` | `oklch(64.53% 0.0831 56.07)` | Pastry Shell | black, 6.2 to 1 |
| 7 | `#b3805b` | `oklch(64.21% 0.0811 56.94)` | Choco Biscuit | black, 6.1 to 1 |
| 8 | `#b1805b` | `oklch(63.87% 0.0794 57.81)` | Circus Peanut | black, 6 to 1 |
| 9 | `#ae7f5a` | `oklch(63.52% 0.0779 58.67)` | Roman Brick | black, 6 to 1 |
| 10 | `#ad7e5a` | `oklch(63.16% 0.0768 59.47)` | Roman Brick | black, 5.9 to 1 |
| 11 | `#ab7e59` | `oklch(62.81% 0.0763 60.19)` | Roman Brick | black, 5.8 to 1 |
| 12 | `#aa7d57` | `oklch(62.46% 0.0765 60.81)` | Butterscotch Mousse | black, 5.7 to 1 |
| 13 | `#a97c55` | `oklch(62.12% 0.0775 61.29)` | Butterscotch Mousse | black, 5.6 to 1 |
| 14 | `#a87a52` | `oklch(61.71% 0.0798 61.58)` | Apple Cinnamon | black, 5.5 to 1 |
| 15 | `#a8784e` | `oklch(61.21% 0.0831 61.69)` | Apple Cinnamon | black, 5.4 to 1 |
| 16 | `#a87649` | `oklch(60.67% 0.0874 61.68)` | Meerkat | black, 5.3 to 1 |
| 17 | `#a87344` | `oklch(60.10% 0.0922 61.58)` | Byzantine Copper | black, 5.2 to 1 |
| 18 | `#a8713e` | `oklch(59.54% 0.0973 61.46)` | Byzantine Copper | black, 5 to 1 |
| 19 | `#a96e38` | `oklch(59.01% 0.1025 61.35)` | Tanooki Suit Brown | black, 4.9 to 1 |
| 20 | `#a96c31` | `oklch(58.53% 0.1075 61.32)` | Golden Oak | black, 4.8 to 1 |
| 21 | `#aa6a2b` | `oklch(58.15% 0.1120 61.40)` | Golden Oak | black, 4.7 to 1 |
| 22 | `#aa6826` | `oklch(57.88% 0.1157 61.64)` | Golden Oak | black, 4.7 to 1 |
| 23 | `#aa6721` | `oklch(57.74% 0.1184 62.10)` | Sattle | black, 4.6 to 1 |
| 24 | `#ab681e` | `oklch(57.78% 0.1198 62.83)` | Sattle | black, 4.7 to 1 |
| 25 | `#ab691d` | `oklch(58.04% 0.1196 64.03)` | Golden Oak | black, 4.7 to 1 |
| 26 | `#aa6c1f` | `oklch(58.61% 0.1176 66.57)` | Inca Gold | black, 4.8 to 1 |
| 27 | `#a97123` | `oklch(59.45% 0.1141 70.24)` | Buckthorn Brown | black, 5 to 1 |
| 28 | `#a8772a` | `oklch(60.50% 0.1095 74.63)` | Hot Toddy | black, 5.3 to 1 |
| 29 | `#a67d33` | `oklch(61.68% 0.1042 79.33)` | Fluor Spar | black, 5.6 to 1 |
| 30 | `#a5843c` | `oklch(62.92% 0.0983 83.94)` | Saffron Valley | black, 5.9 to 1 |
| 31 | `#a48946` | `oklch(64.15% 0.0924 88.05)` | Mustard Gold | black, 6.2 to 1 |
| 32 | `#a48e4f` | `oklch(65.31% 0.0867 91.27)` | Salted Capers | black, 6.5 to 1 |
| 33 | `#a49257` | `oklch(66.31% 0.0816 93.18)` | Desert Yellow | black, 6.8 to 1 |
| 34 | `#a6955d` | `oklch(67.10% 0.0774 93.38)` | Mossy Rock | black, 7 to 1 |
| 35 | `#a89661` | `oklch(67.60% 0.0744 91.47)` | Mossy Rock | black, 7.1 to 1 |
| 36 | `#ab9562` | `oklch(67.74% 0.0731 87.04)` | Pyrite Gold | black, 7.2 to 1 |
| 37 | `#af9262` | `oklch(67.47% 0.0735 79.45)` | Pyrite Gold | black, 7 to 1 |
| 38 | `#b48c61` | `oklch(66.81% 0.0755 68.26)` | Crown Gold | black, 6.8 to 1 |
| 39 | `#b88563` | `oklch(65.82% 0.0788 54.13)` | Cognac Brown | black, 6.5 to 1 |
| 40 | `#ba7c69` | `oklch(64.59% 0.0831 37.75)` | Faneuil Brick | black, 6.1 to 1 |
| 41 | `#b97474` | `oklch(63.17% 0.0881 19.81)` | Nipple | black, 5.7 to 1 |
| 42 | `#b36d82` | `oklch(61.64% 0.0935 1.02)` | Tapestry | black, 5.4 to 1 |
| 43 | `#a96891` | `oklch(60.06% 0.0992 342.05)` | Mauve Memento | black, 5 to 1 |
| 44 | `#9a659f` | `oklch(58.51% 0.1048 323.62)` | Royal Pretender | black, 4.7 to 1 |
| 45 | `#8865aa` | `oklch(57.05% 0.1101 306.40)` | Chive Blossom | white, 4.6 to 1 |
| 46 | `#7566b1` | `oklch(55.76% 0.1147 291.10)` | Genestealer Purple | white, 4.8 to 1 |
| 47 | `#6268b4` | `oklch(54.70% 0.1186 278.41)` | Bluish Purple Anemone | white, 5 to 1 |
| 48 | `#5269b5` | `oklch(53.94% 0.1213 269.02)` | Amparo Blue | white, 5.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #be825c 0.0%, #bc815c 2.1%, #bb815b 4.3%, #b9815b 6.4%, #b7815b 8.5%, #b5805b 10.6%, #b3805b 12.8%, #b1805b 14.9%, #ae7f5a 17.0%, #ad7e5a 19.1%, #ab7e59 21.3%, #aa7d57 23.4%, #a97c55 25.5%, #a87a52 27.7%, #a8784e 29.8%, #a87649 31.9%, #a87344 34.0%, #a8713e 36.2%, #a96e38 38.3%, #a96c31 40.4%, #aa6a2b 42.6%, #aa6826 44.7%, #aa6721 46.8%, #ab681e 48.9%, #ab691d 51.1%, #aa6c1f 53.2%, #a97123 55.3%, #a8772a 57.4%, #a67d33 59.6%, #a5843c 61.7%, #a48946 63.8%, #a48e4f 66.0%, #a49257 68.1%, #a6955d 70.2%, #a89661 72.3%, #ab9562 74.5%, #af9262 76.6%, #b48c61 78.7%, #b88563 80.9%, #ba7c69 83.0%, #b97474 85.1%, #b36d82 87.2%, #a96891 89.4%, #9a659f 91.5%, #8865aa 93.6%, #7566b1 95.7%, #6268b4 97.9%, #5269b5 100.0%);
background: linear-gradient(135deg in oklch, oklch(65.75% 0.0909 52.73) 0.0%, oklch(65.58% 0.0901 53.17) 2.1%, oklch(65.36% 0.0887 53.75) 4.3%, oklch(65.11% 0.0870 54.45) 6.4%, oklch(64.83% 0.0851 55.23) 8.5%, oklch(64.53% 0.0831 56.07) 10.6%, oklch(64.21% 0.0811 56.94) 12.8%, oklch(63.87% 0.0794 57.81) 14.9%, oklch(63.52% 0.0779 58.67) 17.0%, oklch(63.16% 0.0768 59.47) 19.1%, oklch(62.81% 0.0763 60.19) 21.3%, oklch(62.46% 0.0765 60.81) 23.4%, oklch(62.12% 0.0775 61.29) 25.5%, oklch(61.71% 0.0798 61.58) 27.7%, oklch(61.21% 0.0831 61.69) 29.8%, oklch(60.67% 0.0874 61.68) 31.9%, oklch(60.10% 0.0922 61.58) 34.0%, oklch(59.54% 0.0973 61.46) 36.2%, oklch(59.01% 0.1025 61.35) 38.3%, oklch(58.53% 0.1075 61.32) 40.4%, oklch(58.15% 0.1120 61.40) 42.6%, oklch(57.88% 0.1157 61.64) 44.7%, oklch(57.74% 0.1184 62.10) 46.8%, oklch(57.78% 0.1198 62.83) 48.9%, oklch(58.04% 0.1196 64.03) 51.1%, oklch(58.61% 0.1176 66.57) 53.2%, oklch(59.45% 0.1141 70.24) 55.3%, oklch(60.50% 0.1095 74.63) 57.4%, oklch(61.68% 0.1042 79.33) 59.6%, oklch(62.92% 0.0983 83.94) 61.7%, oklch(64.15% 0.0924 88.05) 63.8%, oklch(65.31% 0.0867 91.27) 66.0%, oklch(66.31% 0.0816 93.18) 68.1%, oklch(67.10% 0.0774 93.38) 70.2%, oklch(67.60% 0.0744 91.47) 72.3%, oklch(67.74% 0.0731 87.04) 74.5%, oklch(67.47% 0.0735 79.45) 76.6%, oklch(66.81% 0.0755 68.26) 78.7%, oklch(65.82% 0.0788 54.13) 80.9%, oklch(64.59% 0.0831 37.75) 83.0%, oklch(63.17% 0.0881 19.81) 85.1%, oklch(61.64% 0.0935 1.02) 87.2%, oklch(60.06% 0.0992 342.05) 89.4%, oklch(58.51% 0.1048 323.62) 91.5%, oklch(57.05% 0.1101 306.40) 93.6%, oklch(55.76% 0.1147 291.10) 95.7%, oklch(54.70% 0.1186 278.41) 97.9%, oklch(53.94% 0.1213 269.02) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.657 | 0.091 | 52.7 |
| 2 | 0.622 | 0.077 | 61.2 |
| 3 | 0.579 | 0.12 | 63.3 |
| 4 | 0.677 | 0.073 | 85.5 |
| 5 | 0.539 | 0.121 | -91 |

## In these collections

- [Incense smoke at twilight](https://grabient.com/incense-smoke-at-twilight)

## Other forms

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