# Purple, black, olive and brown angular gradient

Purple, black, olive and brown angular gradient with 64 colors: #b77a55, #b27457, #ab6d59, #a1655a, #955d5b, #87555b, #784d59, #694555, #593e50, #4a374a, #3d3142, #312b3a, #282632, #21212b, #1b1e25, #181c21, #171b20, #171c20, #181e22, #192226, #1b272a, #1d2d2f, #203535, #243d3a, #29453f, #2f4e43, #375747, #40604a, #4b684c, #56704f, #617751, #6c7d53, #758255, #7f8759, #888d5e, #929364, #9b9a6b, #a3a073, #aba67b, #b3ad83, #bab38b, #c0b892, #c6be99, #cbc29e, #cfc5a3, #d3c8a6, #d5c9a8, #d7c9a8, #d8c7a6, #d7c4a2, #d5be9c, #d2b895, #ceb08c, #c9a783, #c49e79, #bf946f, #b98966, #b37f5d, #ae7654, #a86c4d, #a36446, #9e5c41, #9b563d, #98523a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWoUMknAQtUkYMJqkTuQaS6Q`
- Page: https://grabient.com/kWoUMknAQtUkYMJqkTuQaS6Q?style=angularGradient&steps=64&angle=225
- Drawn as: angular gradient, 64 steps, 225 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 10.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 | `#b77a55` | `oklch(63.39% 0.0923 51.33)` | Japanese Wax Tree | black, 5.9 to 1 |
| 2 | `#b27457` | `oklch(61.77% 0.0892 45.66)` | Sunburn | black, 5.5 to 1 |
| 3 | `#ab6d59` | `oklch(59.60% 0.0850 38.76)` | Amaretto | black, 5 to 1 |
| 4 | `#a1655a` | `oklch(56.96% 0.0799 30.76)` | Sun Baked Earth | white, 4.6 to 1 |
| 5 | `#955d5b` | `oklch(53.96% 0.0741 21.81)` | Gallery Red | white, 5.2 to 1 |
| 6 | `#87555b` | `oklch(50.68% 0.0678 12.04)` | Flowering Chestnut | white, 6 to 1 |
| 7 | `#784d59` | `oklch(47.21% 0.0612 1.60)` | Nocturne Red | white, 6.9 to 1 |
| 8 | `#694555` | `oklch(43.64% 0.0543 350.64)` | Finn | white, 8.1 to 1 |
| 9 | `#593e50` | `oklch(40.06% 0.0474 339.29)` | Purple Cort | white, 9.4 to 1 |
| 10 | `#4a374a` | `oklch(36.56% 0.0406 327.69)` | Prince | white, 10.8 to 1 |
| 11 | `#3d3142` | `oklch(33.24% 0.0341 316.00)` | Wolf’s Bane | white, 12.2 to 1 |
| 12 | `#312b3a` | `oklch(30.18% 0.0281 304.34)` | Black Rock | white, 13.6 to 1 |
| 13 | `#282632` | `oklch(27.48% 0.0227 292.86)` | Sky Captain | white, 14.9 to 1 |
| 14 | `#21212b` | `oklch(25.22% 0.0181 281.71)` | To Hell and Black | white, 15.9 to 1 |
| 15 | `#1b1e25` | `oklch(23.50% 0.0145 271.03)` | Satin Deep Black | white, 16.6 to 1 |
| 16 | `#181c21` | `oklch(22.40% 0.0120 260.95)` | Gluon Grey | white, 17.1 to 1 |
| 17 | `#171b20` | `oklch(22.02% 0.0109 251.59)` | Gluon Grey | white, 17.2 to 1 |
| 18 | `#171c20` | `oklch(22.30% 0.0110 242.36)` | Gluon Grey | white, 17.1 to 1 |
| 19 | `#181e22` | `oklch(23.16% 0.0124 233.05)` | Satin Deep Black | white, 16.7 to 1 |
| 20 | `#192226` | `oklch(24.52% 0.0148 223.69)` | Noble Black | white, 16.1 to 1 |
| 21 | `#1b272a` | `oklch(26.33% 0.0181 214.35)` | Black Pearl | white, 15.3 to 1 |
| 22 | `#1d2d2f` | `oklch(28.51% 0.0220 205.07)` | Charleston Green | white, 14.2 to 1 |
| 23 | `#203535` | `oklch(31.00% 0.0266 195.89)` | Fait Accompli | white, 13 to 1 |
| 24 | `#243d3a` | `oklch(33.73% 0.0315 186.88)` | Sunken Cascades | white, 11.7 to 1 |
| 25 | `#29453f` | `oklch(36.64% 0.0367 178.08)` | Gable Green | white, 10.3 to 1 |
| 26 | `#2f4e43` | `oklch(39.66% 0.0419 169.54)` | Pine Needle | white, 9.1 to 1 |
| 27 | `#375747` | `oklch(42.73% 0.0470 161.31)` | Shadow Leaf | white, 8 to 1 |
| 28 | `#40604a` | `oklch(45.78% 0.0518 153.45)` | Windy Pine | white, 7 to 1 |
| 29 | `#4b684c` | `oklch(48.74% 0.0563 146.00)` | Green Perennial | white, 6.1 to 1 |
| 30 | `#56704f` | `oklch(51.55% 0.0601 139.01)` | Climbing Ivy | white, 5.4 to 1 |
| 31 | `#617751` | `oklch(54.14% 0.0632 132.53)` | Garden Club | white, 4.9 to 1 |
| 32 | `#6c7d53` | `oklch(56.45% 0.0654 126.62)` | Mint Leaves | black, 4.6 to 1 |
| 33 | `#758255` | `oklch(58.48% 0.0666 121.34)` | Calliste Green | black, 5 to 1 |
| 34 | `#7f8759` | `oklch(60.59% 0.0669 116.79)` | Tuscany Hillside | black, 5.5 to 1 |
| 35 | `#888d5e` | `oklch(62.80% 0.0665 112.91)` | Woodland Walk | black, 6 to 1 |
| 36 | `#929364` | `oklch(65.08% 0.0655 109.62)` | Green Cast | black, 6.5 to 1 |
| 37 | `#9b9a6b` | `oklch(67.39% 0.0639 106.85)` | Domain | black, 7.1 to 1 |
| 38 | `#a3a073` | `oklch(69.69% 0.0620 104.52)` | Fresh Olive | black, 7.8 to 1 |
| 39 | `#aba67b` | `oklch(71.94% 0.0598 102.54)` | Olive Tree | black, 8.5 to 1 |
| 40 | `#b3ad83` | `oklch(74.12% 0.0575 100.83)` | Tarragon Tease | black, 9.1 to 1 |
| 41 | `#bab38b` | `oklch(76.17% 0.0551 99.32)` | Powdered Sage | black, 9.8 to 1 |
| 42 | `#c0b892` | `oklch(78.06% 0.0528 97.93)` | Salty Seeds | black, 10.5 to 1 |
| 43 | `#c6be99` | `oklch(79.75% 0.0506 96.57)` | Fields Afar | black, 11.1 to 1 |
| 44 | `#cbc29e` | `oklch(81.20% 0.0488 95.17)` | Inviting Gesture | black, 11.7 to 1 |
| 45 | `#cfc5a3` | `oklch(82.38% 0.0473 93.65)` | Sand Trail | black, 12.2 to 1 |
| 46 | `#d3c8a6` | `oklch(83.25% 0.0464 91.93)` | Sanctuary | black, 12.5 to 1 |
| 47 | `#d5c9a8` | `oklch(83.76% 0.0461 89.93)` | Sweet Porridge | black, 12.7 to 1 |
| 48 | `#d7c9a8` | `oklch(83.89% 0.0466 87.56)` | Fiji Sands | black, 12.8 to 1 |
| 49 | `#d8c7a6` | `oklch(83.55% 0.0479 84.82)` | Thatched Cottage | black, 12.6 to 1 |
| 50 | `#d7c4a2` | `oklch(82.67% 0.0499 81.82)` | Birch Beige | black, 12.2 to 1 |
| 51 | `#d5be9c` | `oklch(81.30% 0.0526 78.63)` | Eire | black, 11.7 to 1 |
| 52 | `#d2b895` | `oklch(79.53% 0.0558 75.29)` | Brown Hare | black, 11 to 1 |
| 53 | `#ceb08c` | `oklch(77.41% 0.0594 71.83)` | Raffia Ribbon | black, 10.2 to 1 |
| 54 | `#c9a783` | `oklch(75.02% 0.0634 68.31)` | Toffee Tan | black, 9.3 to 1 |
| 55 | `#c49e79` | `oklch(72.43% 0.0676 64.77)` | Tan Plan | black, 8.4 to 1 |
| 56 | `#bf946f` | `oklch(69.71% 0.0720 61.25)` | Painted Pony | black, 7.6 to 1 |
| 57 | `#b98966` | `oklch(66.93% 0.0764 57.80)` | Suede | black, 6.8 to 1 |
| 58 | `#b37f5d` | `oklch(64.15% 0.0808 54.47)` | Pastry Shell | black, 6.1 to 1 |
| 59 | `#ae7654` | `oklch(61.45% 0.0850 51.30)` | New England Roast | black, 5.4 to 1 |
| 60 | `#a86c4d` | `oklch(58.90% 0.0890 48.32)` | Airbrushed Copper | black, 4.9 to 1 |
| 61 | `#a36446` | `oklch(56.57% 0.0926 45.60)` | Toffee Glaze | white, 4.7 to 1 |
| 62 | `#9e5c41` | `oklch(54.52% 0.0959 43.16)` | Sepia Skin | white, 5.1 to 1 |
| 63 | `#9b563d` | `oklch(52.84% 0.0985 41.07)` | Etruscan | white, 5.5 to 1 |
| 64 | `#98523a` | `oklch(51.57% 0.1006 39.35)` | Tropical Nut | white, 5.8 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #b77a55 0.0%, #b27457 1.6%, #ab6d59 3.2%, #a1655a 4.8%, #955d5b 6.3%, #87555b 7.9%, #784d59 9.5%, #694555 11.1%, #593e50 12.7%, #4a374a 14.3%, #3d3142 15.9%, #312b3a 17.5%, #282632 19.0%, #21212b 20.6%, #1b1e25 22.2%, #181c21 23.8%, #171b20 25.4%, #171c20 27.0%, #181e22 28.6%, #192226 30.2%, #1b272a 31.7%, #1d2d2f 33.3%, #203535 34.9%, #243d3a 36.5%, #29453f 38.1%, #2f4e43 39.7%, #375747 41.3%, #40604a 42.9%, #4b684c 44.4%, #56704f 46.0%, #617751 47.6%, #6c7d53 49.2%, #758255 50.8%, #7f8759 52.4%, #888d5e 54.0%, #929364 55.6%, #9b9a6b 57.1%, #a3a073 58.7%, #aba67b 60.3%, #b3ad83 61.9%, #bab38b 63.5%, #c0b892 65.1%, #c6be99 66.7%, #cbc29e 68.3%, #cfc5a3 69.8%, #d3c8a6 71.4%, #d5c9a8 73.0%, #d7c9a8 74.6%, #d8c7a6 76.2%, #d7c4a2 77.8%, #d5be9c 79.4%, #d2b895 81.0%, #ceb08c 82.5%, #c9a783 84.1%, #c49e79 85.7%, #bf946f 87.3%, #b98966 88.9%, #b37f5d 90.5%, #ae7654 92.1%, #a86c4d 93.7%, #a36446 95.2%, #9e5c41 96.8%, #9b563d 98.4%, #98523a 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(63.39% 0.0923 51.33) 0.0%, oklch(61.77% 0.0892 45.66) 1.6%, oklch(59.60% 0.0850 38.76) 3.2%, oklch(56.96% 0.0799 30.76) 4.8%, oklch(53.96% 0.0741 21.81) 6.3%, oklch(50.68% 0.0678 12.04) 7.9%, oklch(47.21% 0.0612 1.60) 9.5%, oklch(43.64% 0.0543 350.64) 11.1%, oklch(40.06% 0.0474 339.29) 12.7%, oklch(36.56% 0.0406 327.69) 14.3%, oklch(33.24% 0.0341 316.00) 15.9%, oklch(30.18% 0.0281 304.34) 17.5%, oklch(27.48% 0.0227 292.86) 19.0%, oklch(25.22% 0.0181 281.71) 20.6%, oklch(23.50% 0.0145 271.03) 22.2%, oklch(22.40% 0.0120 260.95) 23.8%, oklch(22.02% 0.0109 251.59) 25.4%, oklch(22.30% 0.0110 242.36) 27.0%, oklch(23.16% 0.0124 233.05) 28.6%, oklch(24.52% 0.0148 223.69) 30.2%, oklch(26.33% 0.0181 214.35) 31.7%, oklch(28.51% 0.0220 205.07) 33.3%, oklch(31.00% 0.0266 195.89) 34.9%, oklch(33.73% 0.0315 186.88) 36.5%, oklch(36.64% 0.0367 178.08) 38.1%, oklch(39.66% 0.0419 169.54) 39.7%, oklch(42.73% 0.0470 161.31) 41.3%, oklch(45.78% 0.0518 153.45) 42.9%, oklch(48.74% 0.0563 146.00) 44.4%, oklch(51.55% 0.0601 139.01) 46.0%, oklch(54.14% 0.0632 132.53) 47.6%, oklch(56.45% 0.0654 126.62) 49.2%, oklch(58.48% 0.0666 121.34) 50.8%, oklch(60.59% 0.0669 116.79) 52.4%, oklch(62.80% 0.0665 112.91) 54.0%, oklch(65.08% 0.0655 109.62) 55.6%, oklch(67.39% 0.0639 106.85) 57.1%, oklch(69.69% 0.0620 104.52) 58.7%, oklch(71.94% 0.0598 102.54) 60.3%, oklch(74.12% 0.0575 100.83) 61.9%, oklch(76.17% 0.0551 99.32) 63.5%, oklch(78.06% 0.0528 97.93) 65.1%, oklch(79.75% 0.0506 96.57) 66.7%, oklch(81.20% 0.0488 95.17) 68.3%, oklch(82.38% 0.0473 93.65) 69.8%, oklch(83.25% 0.0464 91.93) 71.4%, oklch(83.76% 0.0461 89.93) 73.0%, oklch(83.89% 0.0466 87.56) 74.6%, oklch(83.55% 0.0479 84.82) 76.2%, oklch(82.67% 0.0499 81.82) 77.8%, oklch(81.30% 0.0526 78.63) 79.4%, oklch(79.53% 0.0558 75.29) 81.0%, oklch(77.41% 0.0594 71.83) 82.5%, oklch(75.02% 0.0634 68.31) 84.1%, oklch(72.43% 0.0676 64.77) 85.7%, oklch(69.71% 0.0720 61.25) 87.3%, oklch(66.93% 0.0764 57.80) 88.9%, oklch(64.15% 0.0808 54.47) 90.5%, oklch(61.45% 0.0850 51.30) 92.1%, oklch(58.90% 0.0890 48.32) 93.7%, oklch(56.57% 0.0926 45.60) 95.2%, oklch(54.52% 0.0959 43.16) 96.8%, oklch(52.84% 0.0985 41.07) 98.4%, oklch(51.57% 0.1006 39.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.634 | 0.092 | 51.3 |
| 2 | 0.22 | 0.011 | -106.1 |
| 3 | 0.575 | 0.066 | -236.1 |
| 4 | 0.839 | 0.047 | -273.1 |
| 5 | 0.516 | 0.101 | -320.6 |

## Other forms

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