# Brown, blue, teal and tan linear gradient

Brown, blue, teal and tan linear gradient with 48 colors: #94463b, #984b38, #9c5133, #a0592d, #a36328, #a66e24, #a57a24, #a3872a, #9e9336, #969e45, #8da755, #83ae65, #78b373, #6cb581, #60b58f, #57b39b, #53afa5, #54aaab, #59a4ae, #5e9dae, #6398ac, #6693a9, #688fa6, #688da3, #668da1, #628d9f, #5d8f9b, #579196, #54938d, #569581, #609572, #6f9462, #809253, #918f47, #9e8b41, #a98940, #b08843, #b58849, #ba8a4f, #bd8c56, #c08f5d, #c29364, #c3976a, #c59b70, #c69f76, #c7a27b, #c8a47f, #c9a682. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWfU4VWihNE8TSvSJC43xc-A`
- Page: https://grabient.com/kWfU4VWihNE8TSvSJC43xc-A?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2.8 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 | `#94463b` | `oklch(49.21% 0.1075 29.53)` | Morocco Red | white, 6.5 to 1 |
| 2 | `#984b38` | `oklch(50.38% 0.1078 35.08)` | Spicy Hue | white, 6.2 to 1 |
| 3 | `#9c5133` | `oklch(51.99% 0.1085 42.13)` | Taisha Red | white, 5.7 to 1 |
| 4 | `#a0592d` | `oklch(53.94% 0.1095 50.44)` | Glazed Ginger | white, 5.2 to 1 |
| 5 | `#a36328` | `oklch(56.14% 0.1105 59.77)` | Cockatrice Brown | white, 4.7 to 1 |
| 6 | `#a66e24` | `oklch(58.48% 0.1116 69.89)` | Buckthorn Brown | black, 4.8 to 1 |
| 7 | `#a57a24` | `oklch(60.88% 0.1126 80.55)` | Chai Tea | black, 5.4 to 1 |
| 8 | `#a3872a` | `oklch(63.23% 0.1133 91.52)` | Parsnip Root | black, 6 to 1 |
| 9 | `#9e9336` | `oklch(65.45% 0.1137 102.56)` | Art Nouveau Green | black, 6.6 to 1 |
| 10 | `#969e45` | `oklch(67.43% 0.1137 113.43)` | Lazy Lizard | black, 7.2 to 1 |
| 11 | `#8da755` | `oklch(69.07% 0.1131 123.89)` | Chelsea Cucumber | black, 7.8 to 1 |
| 12 | `#83ae65` | `oklch(70.29% 0.1118 133.70)` | Jealousy | black, 8.2 to 1 |
| 13 | `#78b373` | `oklch(70.99% 0.1096 142.71)` | Faded Green | black, 8.4 to 1 |
| 14 | `#6cb581` | `oklch(71.18% 0.1061 152.38)` | Frog Pond | black, 8.5 to 1 |
| 15 | `#60b58f` | `oklch(70.94% 0.1014 163.02)` | Crazy Eyes | black, 8.5 to 1 |
| 16 | `#57b39b` | `oklch(70.36% 0.0957 174.24)` | Keppel | black, 8.3 to 1 |
| 17 | `#53afa5` | `oklch(69.51% 0.0894 185.60)` | Emerald Wave | black, 8 to 1 |
| 18 | `#54aaab` | `oklch(68.46% 0.0827 196.69)` | Emerald Succulent | black, 7.6 to 1 |
| 19 | `#59a4ae` | `oklch(67.30% 0.0761 207.10)` | Explorer Blue | black, 7.3 to 1 |
| 20 | `#5e9dae` | `oklch(66.09% 0.0696 216.40)` | Flood Out | black, 6.9 to 1 |
| 21 | `#6398ac` | `oklch(64.92% 0.0638 224.19)` | My Skiff | black, 6.5 to 1 |
| 22 | `#6693a9` | `oklch(63.86% 0.0589 230.04)` | Blue Cruise | black, 6.3 to 1 |
| 23 | `#688fa6` | `oklch(62.99% 0.0551 233.55)` | Saltbox Blue | black, 6 to 1 |
| 24 | `#688da3` | `oklch(62.38% 0.0528 234.28)` | French Court | black, 5.9 to 1 |
| 25 | `#668da1` | `oklch(62.08% 0.0524 231.72)` | Leisure Blue | black, 5.8 to 1 |
| 26 | `#628d9f` | `oklch(61.91% 0.0538 225.18)` | Georgian Revival Blue | black, 5.8 to 1 |
| 27 | `#5d8f9b` | `oklch(61.84% 0.0569 215.19)` | Cabana Blue | black, 5.8 to 1 |
| 28 | `#579196` | `oklch(61.85% 0.0612 202.45)` | Half Baked | black, 5.8 to 1 |
| 29 | `#54938d` | `oklch(61.95% 0.0664 187.66)` | Green Agate | black, 5.9 to 1 |
| 30 | `#569581` | `oklch(62.12% 0.0722 171.52)` | Crisp Lettuce | black, 6 to 1 |
| 31 | `#609572` | `oklch(62.36% 0.0781 154.72)` | Skarsnik Green | black, 6 to 1 |
| 32 | `#6f9462` | `oklch(62.67% 0.0840 137.96)` | Wakatake Green | black, 6.1 to 1 |
| 33 | `#809253` | `oklch(63.04% 0.0893 121.94)` | Camo | black, 6.1 to 1 |
| 34 | `#918f47` | `oklch(63.46% 0.0939 107.36)` | Retro Avocado | black, 6.1 to 1 |
| 35 | `#9e8b41` | `oklch(63.93% 0.0972 94.92)` | Plantation Island | black, 6.2 to 1 |
| 36 | `#a98940` | `oklch(64.43% 0.0990 85.30)` | Amber Green | black, 6.3 to 1 |
| 37 | `#b08843` | `oklch(65.02% 0.0992 78.63)` | Butterscotch Ripple | black, 6.4 to 1 |
| 38 | `#b58849` | `oklch(65.76% 0.0980 73.68)` | Holiday Waffle | black, 6.5 to 1 |
| 39 | `#ba8a4f` | `oklch(66.64% 0.0958 70.17)` | Barista’s Favourite | black, 6.8 to 1 |
| 40 | `#bd8c56` | `oklch(67.61% 0.0927 67.89)` | Summer Weasel | black, 7 to 1 |
| 41 | `#c08f5d` | `oklch(68.64% 0.0889 66.62)` | Corner Café | black, 7.3 to 1 |
| 42 | `#c29364` | `oklch(69.70% 0.0848 66.14)` | Mid Tan | black, 7.6 to 1 |
| 43 | `#c3976a` | `oklch(70.76% 0.0804 66.23)` | Chalet | black, 7.9 to 1 |
| 44 | `#c59b70` | `oklch(71.78% 0.0761 66.67)` | Chimaera Brown | black, 8.2 to 1 |
| 45 | `#c69f76` | `oklch(72.72% 0.0720 67.24)` | Gingersnap | black, 8.5 to 1 |
| 46 | `#c7a27b` | `oklch(73.57% 0.0684 67.73)` | Fresh Sawdust | black, 8.8 to 1 |
| 47 | `#c8a47f` | `oklch(74.27% 0.0654 67.91)` | Siesta Dreams | black, 9 to 1 |
| 48 | `#c9a682` | `oklch(74.80% 0.0634 67.57)` | Totally Tan | black, 9.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #94463b 0.0%, #984b38 2.1%, #9c5133 4.3%, #a0592d 6.4%, #a36328 8.5%, #a66e24 10.6%, #a57a24 12.8%, #a3872a 14.9%, #9e9336 17.0%, #969e45 19.1%, #8da755 21.3%, #83ae65 23.4%, #78b373 25.5%, #6cb581 27.7%, #60b58f 29.8%, #57b39b 31.9%, #53afa5 34.0%, #54aaab 36.2%, #59a4ae 38.3%, #5e9dae 40.4%, #6398ac 42.6%, #6693a9 44.7%, #688fa6 46.8%, #688da3 48.9%, #668da1 51.1%, #628d9f 53.2%, #5d8f9b 55.3%, #579196 57.4%, #54938d 59.6%, #569581 61.7%, #609572 63.8%, #6f9462 66.0%, #809253 68.1%, #918f47 70.2%, #9e8b41 72.3%, #a98940 74.5%, #b08843 76.6%, #b58849 78.7%, #ba8a4f 80.9%, #bd8c56 83.0%, #c08f5d 85.1%, #c29364 87.2%, #c3976a 89.4%, #c59b70 91.5%, #c69f76 93.6%, #c7a27b 95.7%, #c8a47f 97.9%, #c9a682 100.0%);
background: linear-gradient(135deg in oklch, oklch(49.21% 0.1075 29.53) 0.0%, oklch(50.38% 0.1078 35.08) 2.1%, oklch(51.99% 0.1085 42.13) 4.3%, oklch(53.94% 0.1095 50.44) 6.4%, oklch(56.14% 0.1105 59.77) 8.5%, oklch(58.48% 0.1116 69.89) 10.6%, oklch(60.88% 0.1126 80.55) 12.8%, oklch(63.23% 0.1133 91.52) 14.9%, oklch(65.45% 0.1137 102.56) 17.0%, oklch(67.43% 0.1137 113.43) 19.1%, oklch(69.07% 0.1131 123.89) 21.3%, oklch(70.29% 0.1118 133.70) 23.4%, oklch(70.99% 0.1096 142.71) 25.5%, oklch(71.18% 0.1061 152.38) 27.7%, oklch(70.94% 0.1014 163.02) 29.8%, oklch(70.36% 0.0957 174.24) 31.9%, oklch(69.51% 0.0894 185.60) 34.0%, oklch(68.46% 0.0827 196.69) 36.2%, oklch(67.30% 0.0761 207.10) 38.3%, oklch(66.09% 0.0696 216.40) 40.4%, oklch(64.92% 0.0638 224.19) 42.6%, oklch(63.86% 0.0589 230.04) 44.7%, oklch(62.99% 0.0551 233.55) 46.8%, oklch(62.38% 0.0528 234.28) 48.9%, oklch(62.08% 0.0524 231.72) 51.1%, oklch(61.91% 0.0538 225.18) 53.2%, oklch(61.84% 0.0569 215.19) 55.3%, oklch(61.85% 0.0612 202.45) 57.4%, oklch(61.95% 0.0664 187.66) 59.6%, oklch(62.12% 0.0722 171.52) 61.7%, oklch(62.36% 0.0781 154.72) 63.8%, oklch(62.67% 0.0840 137.96) 66.0%, oklch(63.04% 0.0893 121.94) 68.1%, oklch(63.46% 0.0939 107.36) 70.2%, oklch(63.93% 0.0972 94.92) 72.3%, oklch(64.43% 0.0990 85.30) 74.5%, oklch(65.02% 0.0992 78.63) 76.6%, oklch(65.76% 0.0980 73.68) 78.7%, oklch(66.64% 0.0958 70.17) 80.9%, oklch(67.61% 0.0927 67.89) 83.0%, oklch(68.64% 0.0889 66.62) 85.1%, oklch(69.70% 0.0848 66.14) 87.2%, oklch(70.76% 0.0804 66.23) 89.4%, oklch(71.78% 0.0761 66.67) 91.5%, oklch(72.72% 0.0720 67.24) 93.6%, oklch(73.57% 0.0684 67.73) 95.7%, oklch(74.27% 0.0654 67.91) 97.9%, oklch(74.80% 0.0634 67.57) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.492 | 0.107 | 29.5 |
| 2 | 0.709 | 0.11 | 140.5 |
| 3 | 0.622 | 0.052 | 233.5 |
| 4 | 0.646 | 0.099 | 83.4 |
| 5 | 0.748 | 0.063 | 67.6 |

## Other forms

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