# Brown, tan, teal and purple linear gradient

Brown, tan, teal and purple linear gradient with 48 colors: #c75d41, #c96544, #cd7049, #d17e50, #d58d5b, #d99c69, #ddab79, #e0ba89, #e3c699, #e7d0a8, #e9d7b3, #ebdbb9, #ebdbba, #e9d8b6, #e5d0ac, #e1c69e, #dcb98e, #d7aa7e, #d29a6d, #cc8960, #c77857, #c06853, #b95a55, #b1505c, #a94a66, #9e4874, #904a84, #7e4e91, #6a5598, #555c99, #426294, #34678b, #2d6a82, #2e6c7a, #326d74, #356d72, #366e74, #366f7b, #386f84, #416f90, #506d9a, #656aa1, #7b66a2, #90619b, #a25e8d, #b05c7d, #b85c6c, #bd5d5f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWmWcZ8hFF8Wuts_laxS61Uw`
- Page: https://grabient.com/kWmWcZ8hFF8Wuts_laxS61Uw?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.5 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 | `#c75d41` | `oklch(60.24% 0.1419 35.86)` | Cold Brew Tonic | black, 5 to 1 |
| 2 | `#c96544` | `oklch(61.91% 0.1366 38.79)` | Zōng Hóng Red | black, 5.4 to 1 |
| 3 | `#cd7049` | `oklch(64.31% 0.1292 43.06)` | Coral Gold | black, 6 to 1 |
| 4 | `#d17e50` | `oklch(67.25% 0.1201 48.32)` | Copper Harbor | black, 6.8 to 1 |
| 5 | `#d58d5b` | `oklch(70.57% 0.1099 54.26)` | Amber Wave | black, 7.7 to 1 |
| 6 | `#d99c69` | `oklch(74.09% 0.0990 60.53)` | Coyote | black, 8.9 to 1 |
| 7 | `#ddab79` | `oklch(77.63% 0.0879 66.82)` | Sweet Cashew | black, 10.1 to 1 |
| 8 | `#e0ba89` | `oklch(81.02% 0.0773 72.78)` | Desert Dust | black, 11.5 to 1 |
| 9 | `#e3c699` | `oklch(84.09% 0.0674 78.09)` | Chamomile | black, 12.8 to 1 |
| 10 | `#e7d0a8` | `oklch(86.67% 0.0590 82.43)` | Sand Sculpture | black, 13.9 to 1 |
| 11 | `#e9d7b3` | `oklch(88.57% 0.0524 85.45)` | Sensible Hue | black, 14.8 to 1 |
| 12 | `#ebdbb9` | `oklch(89.63% 0.0482 86.83)` | Cinnamon Milk | black, 15.3 to 1 |
| 13 | `#ebdbba` | `oklch(89.67% 0.0468 86.26)` | Porcelain Pink | black, 15.4 to 1 |
| 14 | `#e9d8b6` | `oklch(88.63% 0.0488 84.26)` | Sensible Hue | black, 14.9 to 1 |
| 15 | `#e5d0ac` | `oklch(86.65% 0.0536 81.13)` | Durian White | black, 13.9 to 1 |
| 16 | `#e1c69e` | `oklch(83.91% 0.0607 76.96)` | Faint Fawn | black, 12.7 to 1 |
| 17 | `#dcb98e` | `oklch(80.58% 0.0695 71.81)` | Painted Ash | black, 11.3 to 1 |
| 18 | `#d7aa7e` | `oklch(76.85% 0.0794 65.76)` | Band-Aid | black, 9.9 to 1 |
| 19 | `#d29a6d` | `oklch(72.88% 0.0898 58.88)` | Rustic Adobe | black, 8.5 to 1 |
| 20 | `#cc8960` | `oklch(68.86% 0.1000 51.24)` | Georgian Leather | black, 7.3 to 1 |
| 21 | `#c77857` | `oklch(64.95% 0.1095 42.92)` | Spanish Peanut | black, 6.2 to 1 |
| 22 | `#c06853` | `oklch(61.33% 0.1176 33.98)` | Cedar Grove | black, 5.3 to 1 |
| 23 | `#b95a55` | `oklch(58.18% 0.1238 24.51)` | Wild Poppy | black, 4.6 to 1 |
| 24 | `#b1505c` | `oklch(55.68% 0.1275 14.57)` | Holly Berry | white, 5 to 1 |
| 25 | `#a94a66` | `oklch(53.92% 0.1280 3.82)` | Bing Cherry Pie | white, 5.4 to 1 |
| 26 | `#9e4874` | `oklch(52.55% 0.1257 350.14)` | Magenta Haze | white, 5.7 to 1 |
| 27 | `#904a84` | `oklch(51.47% 0.1210 333.89)` | Pickled Plum | white, 6 to 1 |
| 28 | `#7e4e91` | `oklch(50.65% 0.1145 315.87)` | Voodoo Violet | white, 6.1 to 1 |
| 29 | `#6a5598` | `oklch(50.06% 0.1067 296.88)` | Rollick | white, 6.2 to 1 |
| 30 | `#555c99` | `oklch(49.68% 0.0981 277.71)` | Royal Marquis | white, 6.2 to 1 |
| 31 | `#426294` | `oklch(49.47% 0.0892 259.15)` | Last Light Blue | white, 6.1 to 1 |
| 32 | `#34678b` | `oklch(49.40% 0.0806 242.02)` | Drake’s Neck | white, 6 to 1 |
| 33 | `#2d6a82` | `oklch(49.44% 0.0728 227.10)` | Saxony Blue | white, 6 to 1 |
| 34 | `#2e6c7a` | `oklch(49.57% 0.0663 215.19)` | Ocean’s Embrace | white, 5.9 to 1 |
| 35 | `#326d74` | `oklch(49.75% 0.0617 207.09)` | Lakelike | white, 5.9 to 1 |
| 36 | `#356d72` | `oklch(49.95% 0.0594 203.59)` | Lakelike | white, 5.8 to 1 |
| 37 | `#366e74` | `oklch(50.22% 0.0598 205.55)` | Lakelike | white, 5.7 to 1 |
| 38 | `#366f7b` | `oklch(50.73% 0.0623 213.01)` | Grand Rapids | white, 5.6 to 1 |
| 39 | `#386f84` | `oklch(51.44% 0.0666 225.03)` | Bering Wave | white, 5.5 to 1 |
| 40 | `#416f90` | `oklch(52.29% 0.0723 240.65)` | Big Sur Blue Jade | white, 5.3 to 1 |
| 41 | `#506d9a` | `oklch(53.26% 0.0790 258.90)` | San Marino | white, 5.2 to 1 |
| 42 | `#656aa1` | `oklch(54.30% 0.0864 278.84)` | Dusted Peri | white, 5 to 1 |
| 43 | `#7b66a2` | `oklch(55.35% 0.0941 299.49)` | Purple Paradise | white, 4.9 to 1 |
| 44 | `#90619b` | `oklch(56.39% 0.1017 319.91)` | Aster Violetta | white, 4.8 to 1 |
| 45 | `#a25e8d` | `oklch(57.36% 0.1088 339.13)` | Thimble Red | white, 4.6 to 1 |
| 46 | `#b05c7d` | `oklch(58.22% 0.1152 356.20)` | Indian Pink | black, 4.6 to 1 |
| 47 | `#b85c6c` | `oklch(58.93% 0.1204 10.14)` | Candied Apple | black, 4.7 to 1 |
| 48 | `#bd5d5f` | `oklch(59.45% 0.1240 20.01)` | Energy Peak | black, 4.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #c75d41 0.0%, #c96544 2.1%, #cd7049 4.3%, #d17e50 6.4%, #d58d5b 8.5%, #d99c69 10.6%, #ddab79 12.8%, #e0ba89 14.9%, #e3c699 17.0%, #e7d0a8 19.1%, #e9d7b3 21.3%, #ebdbb9 23.4%, #ebdbba 25.5%, #e9d8b6 27.7%, #e5d0ac 29.8%, #e1c69e 31.9%, #dcb98e 34.0%, #d7aa7e 36.2%, #d29a6d 38.3%, #cc8960 40.4%, #c77857 42.6%, #c06853 44.7%, #b95a55 46.8%, #b1505c 48.9%, #a94a66 51.1%, #9e4874 53.2%, #904a84 55.3%, #7e4e91 57.4%, #6a5598 59.6%, #555c99 61.7%, #426294 63.8%, #34678b 66.0%, #2d6a82 68.1%, #2e6c7a 70.2%, #326d74 72.3%, #356d72 74.5%, #366e74 76.6%, #366f7b 78.7%, #386f84 80.9%, #416f90 83.0%, #506d9a 85.1%, #656aa1 87.2%, #7b66a2 89.4%, #90619b 91.5%, #a25e8d 93.6%, #b05c7d 95.7%, #b85c6c 97.9%, #bd5d5f 100.0%);
background: linear-gradient(135deg in oklch, oklch(60.24% 0.1419 35.86) 0.0%, oklch(61.91% 0.1366 38.79) 2.1%, oklch(64.31% 0.1292 43.06) 4.3%, oklch(67.25% 0.1201 48.32) 6.4%, oklch(70.57% 0.1099 54.26) 8.5%, oklch(74.09% 0.0990 60.53) 10.6%, oklch(77.63% 0.0879 66.82) 12.8%, oklch(81.02% 0.0773 72.78) 14.9%, oklch(84.09% 0.0674 78.09) 17.0%, oklch(86.67% 0.0590 82.43) 19.1%, oklch(88.57% 0.0524 85.45) 21.3%, oklch(89.63% 0.0482 86.83) 23.4%, oklch(89.67% 0.0468 86.26) 25.5%, oklch(88.63% 0.0488 84.26) 27.7%, oklch(86.65% 0.0536 81.13) 29.8%, oklch(83.91% 0.0607 76.96) 31.9%, oklch(80.58% 0.0695 71.81) 34.0%, oklch(76.85% 0.0794 65.76) 36.2%, oklch(72.88% 0.0898 58.88) 38.3%, oklch(68.86% 0.1000 51.24) 40.4%, oklch(64.95% 0.1095 42.92) 42.6%, oklch(61.33% 0.1176 33.98) 44.7%, oklch(58.18% 0.1238 24.51) 46.8%, oklch(55.68% 0.1275 14.57) 48.9%, oklch(53.92% 0.1280 3.82) 51.1%, oklch(52.55% 0.1257 350.14) 53.2%, oklch(51.47% 0.1210 333.89) 55.3%, oklch(50.65% 0.1145 315.87) 57.4%, oklch(50.06% 0.1067 296.88) 59.6%, oklch(49.68% 0.0981 277.71) 61.7%, oklch(49.47% 0.0892 259.15) 63.8%, oklch(49.40% 0.0806 242.02) 66.0%, oklch(49.44% 0.0728 227.10) 68.1%, oklch(49.57% 0.0663 215.19) 70.2%, oklch(49.75% 0.0617 207.09) 72.3%, oklch(49.95% 0.0594 203.59) 74.5%, oklch(50.22% 0.0598 205.55) 76.6%, oklch(50.73% 0.0623 213.01) 78.7%, oklch(51.44% 0.0666 225.03) 80.9%, oklch(52.29% 0.0723 240.65) 83.0%, oklch(53.26% 0.0790 258.90) 85.1%, oklch(54.30% 0.0864 278.84) 87.2%, oklch(55.35% 0.0941 299.49) 89.4%, oklch(56.39% 0.1017 319.91) 91.5%, oklch(57.36% 0.1088 339.13) 93.6%, oklch(58.22% 0.1152 356.20) 95.7%, oklch(58.93% 0.1204 10.14) 97.9%, oklch(59.45% 0.1240 20.01) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.602 | 0.142 | 35.9 |
| 2 | 0.898 | 0.047 | 86.6 |
| 3 | 0.547 | 0.128 | 9.4 |
| 4 | 0.5 | 0.059 | -156.5 |
| 5 | 0.594 | 0.124 | 20 |

## Other forms

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