# Canyon sandstone and river teal sweep

Brown, peach and teal angular gradient with 64 colors: #322826, #342927, #372b28, #3a2c29, #3d2e2a, #412f2c, #45312d, #49332e, #4d3530, #523831, #573a33, #5c3c34, #613f36, #664138, #6c4439, #71473b, #764a3c, #7b4d3e, #80503f, #855341, #8a5642, #8f5944, #945d45, #996147, #9f654a, #a56a4c, #ab6f4f, #b17452, #b77955, #be7f59, #c4845c, #ca8a5f, #d09062, #d59565, #da9b67, #dea069, #e2a56b, #e5a96d, #e7ae6e, #e7b16e, #e7b56f, #e5b76f, #e2b96e, #ddbb6e, #d7bb6d, #cebb6d, #c4ba6d, #b9b96e, #adb76f, #a0b471, #93b073, #86ab75, #79a777, #6da179, #629b7a, #58957b, #508f7b, #49897b, #43837a, #3f7d79, #3c7878, #3a7477, #387075, #376d74. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, peach and teal angular gradient
- Seed: `kUSQsWQhzBWamRI_lU7A`
- Page: https://grabient.com/kUSQsWQhzBWamRI_lU7A?style=angularGradient&steps=64
- Drawn as: angular gradient, 64 steps, 90 degrees
- Kinds: light center, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 7.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 | `#322826` | `oklch(28.74% 0.0152 30.94)` | Livid Brown | white, 14.3 to 1 |
| 2 | `#342927` | `oklch(29.34% 0.0168 31.21)` | Betel Nut Dye | white, 14 to 1 |
| 3 | `#372b28` | `oklch(30.02% 0.0189 31.48)` | Roanoke | white, 13.7 to 1 |
| 4 | `#3a2c29` | `oklch(30.79% 0.0212 31.75)` | Mole | white, 13.3 to 1 |
| 5 | `#3d2e2a` | `oklch(31.63% 0.0238 32.02)` | Smoked Black Coffee | white, 12.9 to 1 |
| 6 | `#412f2c` | `oklch(32.55% 0.0267 32.31)` | Old Burgundy | white, 12.5 to 1 |
| 7 | `#45312d` | `oklch(33.52% 0.0297 32.61)` | Benikeshinezumi Purple | white, 12.1 to 1 |
| 8 | `#49332e` | `oklch(34.56% 0.0330 32.93)` | Pawn Broker | white, 11.6 to 1 |
| 9 | `#4d3530` | `oklch(35.65% 0.0363 33.28)` | Lineage | white, 11.1 to 1 |
| 10 | `#523831` | `oklch(36.78% 0.0398 33.66)` | Ragtop | white, 10.7 to 1 |
| 11 | `#573a33` | `oklch(37.96% 0.0434 34.08)` | Intergalactic Ray | white, 10.2 to 1 |
| 12 | `#5c3c34` | `oklch(39.17% 0.0470 34.54)` | Thoroughfare | white, 9.7 to 1 |
| 13 | `#613f36` | `oklch(40.41% 0.0507 35.05)` | American Milking Devon | white, 9.2 to 1 |
| 14 | `#664138` | `oklch(41.67% 0.0543 35.61)` | Brunette | white, 8.7 to 1 |
| 15 | `#6c4439` | `oklch(42.96% 0.0578 36.22)` | Rugged Brown | white, 8.3 to 1 |
| 16 | `#71473b` | `oklch(44.25% 0.0613 36.90)` | Volcanic Brick | white, 7.8 to 1 |
| 17 | `#764a3c` | `oklch(45.56% 0.0647 37.64)` | Tiramisu | white, 7.4 to 1 |
| 18 | `#7b4d3e` | `oklch(46.86% 0.0679 38.46)` | Cheeky Chestnut | white, 7 to 1 |
| 19 | `#80503f` | `oklch(48.16% 0.0709 39.36)` | Nougat Brown | white, 6.6 to 1 |
| 20 | `#855341` | `oklch(49.45% 0.0737 40.34)` | Red Hook | white, 6.3 to 1 |
| 21 | `#8a5642` | `oklch(50.72% 0.0763 41.40)` | True Copper | white, 6 to 1 |
| 22 | `#8f5944` | `oklch(51.97% 0.0785 42.56)` | Artisan | white, 5.6 to 1 |
| 23 | `#945d45` | `oklch(53.28% 0.0807 43.74)` | Cinnamon Spice | white, 5.3 to 1 |
| 24 | `#996147` | `oklch(54.73% 0.0828 44.86)` | Vintage Copper | white, 5 to 1 |
| 25 | `#9f654a` | `oklch(56.30% 0.0849 45.95)` | Antique Copper | white, 4.7 to 1 |
| 26 | `#a56a4c` | `oklch(57.97% 0.0869 47.02)` | Hazel | black, 4.7 to 1 |
| 27 | `#ab6f4f` | `oklch(59.71% 0.0889 48.10)` | Smouldering Copper | black, 5 to 1 |
| 28 | `#b17452` | `oklch(61.51% 0.0909 49.20)` | Baked Bean | black, 5.4 to 1 |
| 29 | `#b77955` | `oklch(63.34% 0.0927 50.35)` | Japanese Wax Tree | black, 5.9 to 1 |
| 30 | `#be7f59` | `oklch(65.19% 0.0945 51.56)` | Sundial | black, 6.3 to 1 |
| 31 | `#c4845c` | `oklch(67.02% 0.0962 52.85)` | Fall Foliage | black, 6.8 to 1 |
| 32 | `#ca8a5f` | `oklch(68.82% 0.0978 54.24)` | Orange Pekoe | black, 7.3 to 1 |
| 33 | `#d09062` | `oklch(70.58% 0.0992 55.75)` | Whiskey | black, 7.8 to 1 |
| 34 | `#d59565` | `oklch(72.26% 0.1006 57.40)` | Pumpkin Patch | black, 8.3 to 1 |
| 35 | `#da9b67` | `oklch(73.85% 0.1018 59.21)` | Coyote | black, 8.8 to 1 |
| 36 | `#dea069` | `oklch(75.33% 0.1028 61.19)` | Western Sunrise | black, 9.3 to 1 |
| 37 | `#e2a56b` | `oklch(76.67% 0.1037 63.37)` | India Trade | black, 9.8 to 1 |
| 38 | `#e5a96d` | `oklch(77.86% 0.1043 65.77)` | Ninjin Orange | black, 10.2 to 1 |
| 39 | `#e7ae6e` | `oklch(78.86% 0.1048 68.40)` | Mac N Cheese | black, 10.6 to 1 |
| 40 | `#e7b16e` | `oklch(79.67% 0.1051 71.29)` | Mac N Cheese | black, 10.9 to 1 |
| 41 | `#e7b56f` | `oklch(80.27% 0.1052 74.45)` | Pyramid Gold | black, 11.1 to 1 |
| 42 | `#e5b76f` | `oklch(80.62% 0.1051 77.90)` | California Chamois | black, 11.3 to 1 |
| 43 | `#e2b96e` | `oklch(80.71% 0.1047 81.66)` | California Chamois | black, 11.4 to 1 |
| 44 | `#ddbb6e` | `oklch(80.50% 0.1040 85.91)` | Pineapple Wine | black, 11.3 to 1 |
| 45 | `#d7bb6d` | `oklch(79.98% 0.1029 90.78)` | Pineapple Wine | black, 11.2 to 1 |
| 46 | `#cebb6d` | `oklch(79.17% 0.1015 96.18)` | Green Citrine | black, 10.9 to 1 |
| 47 | `#c4ba6d` | `oklch(78.12% 0.0997 102.05)` | Secret Safari | black, 10.6 to 1 |
| 48 | `#b9b96e` | `oklch(76.84% 0.0976 108.33)` | Olive Oil | black, 10.2 to 1 |
| 49 | `#adb76f` | `oklch(75.37% 0.0953 114.94)` | Green Curry | black, 9.7 to 1 |
| 50 | `#a0b471` | `oklch(73.74% 0.0928 121.82)` | Around the Gills | black, 9.2 to 1 |
| 51 | `#93b073` | `oklch(71.97% 0.0901 128.89)` | Rural Eyes | black, 8.6 to 1 |
| 52 | `#86ab75` | `oklch(70.10% 0.0873 136.09)` | Lush Fields | black, 8.1 to 1 |
| 53 | `#79a777` | `oklch(68.15% 0.0844 143.35)` | Abomination | black, 7.5 to 1 |
| 54 | `#6da179` | `oklch(66.15% 0.0815 150.60)` | Growth | black, 7 to 1 |
| 55 | `#629b7a` | `oklch(64.13% 0.0785 157.77)` | Memphis Green | black, 6.5 to 1 |
| 56 | `#58957b` | `oklch(62.13% 0.0756 164.80)` | Deep Grass Green | black, 6 to 1 |
| 57 | `#508f7b` | `oklch(60.16% 0.0727 171.60)` | Winter Green | black, 5.5 to 1 |
| 58 | `#49897b` | `oklch(58.27% 0.0700 178.12)` | Carlisle | black, 5.1 to 1 |
| 59 | `#43837a` | `oklch(56.47% 0.0674 184.29)` | Bubble Turquoise | black, 4.7 to 1 |
| 60 | `#3f7d79` | `oklch(54.81% 0.0649 190.04)` | Turquoise Tortoise | white, 4.7 to 1 |
| 61 | `#3c7878` | `oklch(53.30% 0.0627 195.29)` | Faded Jade | white, 5 to 1 |
| 62 | `#3a7477` | `oklch(51.97% 0.0608 199.98)` | Ming | white, 5.3 to 1 |
| 63 | `#387075` | `oklch(50.86% 0.0592 204.05)` | Peabody | white, 5.6 to 1 |
| 64 | `#376d74` | `oklch(50.00% 0.0579 207.41)` | Lakelike | white, 5.8 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #322826 0.0%, #342927 1.6%, #372b28 3.2%, #3a2c29 4.8%, #3d2e2a 6.3%, #412f2c 7.9%, #45312d 9.5%, #49332e 11.1%, #4d3530 12.7%, #523831 14.3%, #573a33 15.9%, #5c3c34 17.5%, #613f36 19.0%, #664138 20.6%, #6c4439 22.2%, #71473b 23.8%, #764a3c 25.4%, #7b4d3e 27.0%, #80503f 28.6%, #855341 30.2%, #8a5642 31.7%, #8f5944 33.3%, #945d45 34.9%, #996147 36.5%, #9f654a 38.1%, #a56a4c 39.7%, #ab6f4f 41.3%, #b17452 42.9%, #b77955 44.4%, #be7f59 46.0%, #c4845c 47.6%, #ca8a5f 49.2%, #d09062 50.8%, #d59565 52.4%, #da9b67 54.0%, #dea069 55.6%, #e2a56b 57.1%, #e5a96d 58.7%, #e7ae6e 60.3%, #e7b16e 61.9%, #e7b56f 63.5%, #e5b76f 65.1%, #e2b96e 66.7%, #ddbb6e 68.3%, #d7bb6d 69.8%, #cebb6d 71.4%, #c4ba6d 73.0%, #b9b96e 74.6%, #adb76f 76.2%, #a0b471 77.8%, #93b073 79.4%, #86ab75 81.0%, #79a777 82.5%, #6da179 84.1%, #629b7a 85.7%, #58957b 87.3%, #508f7b 88.9%, #49897b 90.5%, #43837a 92.1%, #3f7d79 93.7%, #3c7878 95.2%, #3a7477 96.8%, #387075 98.4%, #376d74 100.0%);
background: conic-gradient(from 90deg in oklch, oklch(28.74% 0.0152 30.94) 0.0%, oklch(29.34% 0.0168 31.21) 1.6%, oklch(30.02% 0.0189 31.48) 3.2%, oklch(30.79% 0.0212 31.75) 4.8%, oklch(31.63% 0.0238 32.02) 6.3%, oklch(32.55% 0.0267 32.31) 7.9%, oklch(33.52% 0.0297 32.61) 9.5%, oklch(34.56% 0.0330 32.93) 11.1%, oklch(35.65% 0.0363 33.28) 12.7%, oklch(36.78% 0.0398 33.66) 14.3%, oklch(37.96% 0.0434 34.08) 15.9%, oklch(39.17% 0.0470 34.54) 17.5%, oklch(40.41% 0.0507 35.05) 19.0%, oklch(41.67% 0.0543 35.61) 20.6%, oklch(42.96% 0.0578 36.22) 22.2%, oklch(44.25% 0.0613 36.90) 23.8%, oklch(45.56% 0.0647 37.64) 25.4%, oklch(46.86% 0.0679 38.46) 27.0%, oklch(48.16% 0.0709 39.36) 28.6%, oklch(49.45% 0.0737 40.34) 30.2%, oklch(50.72% 0.0763 41.40) 31.7%, oklch(51.97% 0.0785 42.56) 33.3%, oklch(53.28% 0.0807 43.74) 34.9%, oklch(54.73% 0.0828 44.86) 36.5%, oklch(56.30% 0.0849 45.95) 38.1%, oklch(57.97% 0.0869 47.02) 39.7%, oklch(59.71% 0.0889 48.10) 41.3%, oklch(61.51% 0.0909 49.20) 42.9%, oklch(63.34% 0.0927 50.35) 44.4%, oklch(65.19% 0.0945 51.56) 46.0%, oklch(67.02% 0.0962 52.85) 47.6%, oklch(68.82% 0.0978 54.24) 49.2%, oklch(70.58% 0.0992 55.75) 50.8%, oklch(72.26% 0.1006 57.40) 52.4%, oklch(73.85% 0.1018 59.21) 54.0%, oklch(75.33% 0.1028 61.19) 55.6%, oklch(76.67% 0.1037 63.37) 57.1%, oklch(77.86% 0.1043 65.77) 58.7%, oklch(78.86% 0.1048 68.40) 60.3%, oklch(79.67% 0.1051 71.29) 61.9%, oklch(80.27% 0.1052 74.45) 63.5%, oklch(80.62% 0.1051 77.90) 65.1%, oklch(80.71% 0.1047 81.66) 66.7%, oklch(80.50% 0.1040 85.91) 68.3%, oklch(79.98% 0.1029 90.78) 69.8%, oklch(79.17% 0.1015 96.18) 71.4%, oklch(78.12% 0.0997 102.05) 73.0%, oklch(76.84% 0.0976 108.33) 74.6%, oklch(75.37% 0.0953 114.94) 76.2%, oklch(73.74% 0.0928 121.82) 77.8%, oklch(71.97% 0.0901 128.89) 79.4%, oklch(70.10% 0.0873 136.09) 81.0%, oklch(68.15% 0.0844 143.35) 82.5%, oklch(66.15% 0.0815 150.60) 84.1%, oklch(64.13% 0.0785 157.77) 85.7%, oklch(62.13% 0.0756 164.80) 87.3%, oklch(60.16% 0.0727 171.60) 88.9%, oklch(58.27% 0.0700 178.12) 90.5%, oklch(56.47% 0.0674 184.29) 92.1%, oklch(54.81% 0.0649 190.04) 93.7%, oklch(53.30% 0.0627 195.29) 95.2%, oklch(51.97% 0.0608 199.98) 96.8%, oklch(50.86% 0.0592 204.05) 98.4%, oklch(50.00% 0.0579 207.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.287 | 0.015 | 30.9 |
| 2 | 0.52 | 0.079 | 42.6 |
| 3 | 0.807 | 0.105 | 81.7 |
| 4 | 0.5 | 0.058 | 207.4 |

## In these collections

- [Darecations](https://grabient.com/darecations)

## Other forms

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