# Weathered sand beside sheltered teal

Tritone brown, olive and blue linear gradient with 48 colors: #230f01, #261101, #2b1402, #311804, #371d06, #3f2109, #47270d, #502d11, #593316, #63391b, #6d4020, #784725, #834e2a, #8d552f, #985d34, #a26439, #ac6b3d, #b57241, #be7845, #c57f47, #cc8549, #d08a4a, #d48f4a, #d5944a, #d59849, #d29b47, #cd9e46, #c7a146, #bea347, #b4a54a, #a8a54e, #9ca653, #8ea55a, #80a460, #72a167, #659e6e, #589a74, #4e9679, #45917d, #3f8c80, #3b8682, #398183, #397c83, #3a7782, #3b7381, #3d6f80, #3f6c7f, #40697e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone brown, olive and blue linear gradient
- Seed: `kSMSAp26vBL-U0w`
- Page: https://grabient.com/kSMSAp26vBL-U0w?steps=48&angle=45
- Drawn as: linear gradient, 48 steps, 45 degrees
- Kinds: light center, vivid
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 7.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 | `#230f01` | `oklch(19.29% 0.0441 58.36)` | Super Black | white, 18.4 to 1 |
| 2 | `#261101` | `oklch(20.57% 0.0460 58.47)` | Super Black | white, 18 to 1 |
| 3 | `#2b1402` | `oklch(22.15% 0.0483 58.38)` | Shadow Play | white, 17.3 to 1 |
| 4 | `#311804` | `oklch(24.00% 0.0511 58.12)` | Darkout | white, 16.6 to 1 |
| 5 | `#371d06` | `oklch(26.08% 0.0542 57.72)` | Close but No Cigar | white, 15.6 to 1 |
| 6 | `#3f2109` | `oklch(28.37% 0.0577 57.22)` | Dark Ebony | white, 14.6 to 1 |
| 7 | `#47270d` | `oklch(30.84% 0.0615 56.64)` | Brown Study | white, 13.4 to 1 |
| 8 | `#502d11` | `oklch(33.46% 0.0654 56.02)` | Bittersweet Chocolate | white, 12.2 to 1 |
| 9 | `#593316` | `oklch(36.20% 0.0696 55.40)` | Baker’s Chocolate | white, 11 to 1 |
| 10 | `#63391b` | `oklch(39.03% 0.0739 54.80)` | Cassiterite Brown | white, 9.8 to 1 |
| 11 | `#6d4020` | `oklch(41.93% 0.0783 54.25)` | Davao Durian | white, 8.7 to 1 |
| 12 | `#784725` | `oklch(44.85% 0.0827 53.80)` | Cape Palliser | white, 7.7 to 1 |
| 13 | `#834e2a` | `oklch(47.78% 0.0870 53.47)` | Lamb Chop | white, 6.8 to 1 |
| 14 | `#8d552f` | `oklch(50.68% 0.0913 53.29)` | Chestnut Chest | white, 6 to 1 |
| 15 | `#985d34` | `oklch(53.52% 0.0955 53.30)` | Toffee Crunch | white, 5.3 to 1 |
| 16 | `#a26439` | `oklch(56.27% 0.0996 53.53)` | Earth | white, 4.7 to 1 |
| 17 | `#ac6b3d` | `oklch(58.91% 0.1034 54.01)` | Bourbon | black, 4.9 to 1 |
| 18 | `#b57241` | `oklch(61.41% 0.1069 54.77)` | Spice Cake | black, 5.4 to 1 |
| 19 | `#be7845` | `oklch(63.73% 0.1101 55.86)` | Palomino | black, 5.9 to 1 |
| 20 | `#c57f47` | `oklch(65.84% 0.1130 57.29)` | Caramel Toffee | black, 6.4 to 1 |
| 21 | `#cc8549` | `oklch(67.73% 0.1154 59.10)` | Melted Copper | black, 6.9 to 1 |
| 22 | `#d08a4a` | `oklch(69.35% 0.1173 61.33)` | Hazelnut Coffee | black, 7.4 to 1 |
| 23 | `#d48f4a` | `oklch(70.67% 0.1188 64.01)` | Golden Nugget | black, 7.8 to 1 |
| 24 | `#d5944a` | `oklch(71.68% 0.1197 67.16)` | Salt Caramel | black, 8.1 to 1 |
| 25 | `#d59849` | `oklch(72.34% 0.1199 70.86)` | Georgian Yellow | black, 8.3 to 1 |
| 26 | `#d29b47` | `oklch(72.69% 0.1196 75.33)` | Espresso Crema | black, 8.5 to 1 |
| 27 | `#cd9e46` | `oklch(72.77% 0.1187 80.53)` | Ripe Banana | black, 8.6 to 1 |
| 28 | `#c7a146` | `oklch(72.59% 0.1173 86.38)` | Goldbricker | black, 8.6 to 1 |
| 29 | `#bea347` | `oklch(72.18% 0.1155 92.83)` | Creed | black, 8.5 to 1 |
| 30 | `#b4a54a` | `oklch(71.56% 0.1133 99.78)` | Moss Stone | black, 8.3 to 1 |
| 31 | `#a8a54e` | `oklch(70.75% 0.1107 107.19)` | Desert Locust | black, 8.1 to 1 |
| 32 | `#9ca653` | `oklch(69.78% 0.1077 114.96)` | Overt Green | black, 7.9 to 1 |
| 33 | `#8ea55a` | `oklch(68.66% 0.1046 123.02)` | Zesty Apple | black, 7.6 to 1 |
| 34 | `#80a460` | `oklch(67.43% 0.1012 131.32)` | Springview Green | black, 7.3 to 1 |
| 35 | `#72a167` | `oklch(66.09% 0.0976 139.76)` | Bulbasaur | black, 7 to 1 |
| 36 | `#659e6e` | `oklch(64.68% 0.0939 148.29)` | Treelet | black, 6.6 to 1 |
| 37 | `#589a74` | `oklch(63.22% 0.0901 156.83)` | Fake Fern | black, 6.3 to 1 |
| 38 | `#4e9679` | `oklch(61.72% 0.0863 165.30)` | Good Luck | black, 5.9 to 1 |
| 39 | `#45917d` | `oklch(60.22% 0.0824 173.64)` | Winter Green | black, 5.5 to 1 |
| 40 | `#3f8c80` | `oklch(58.73% 0.0787 181.77)` | Royal Palm | black, 5.2 to 1 |
| 41 | `#3b8682` | `oklch(57.28% 0.0751 189.61)` | Emu Egg | black, 4.9 to 1 |
| 42 | `#398183` | `oklch(55.88% 0.0716 197.11)` | Pacific Sea Teal | black, 4.6 to 1 |
| 43 | `#397c83` | `oklch(54.57% 0.0683 204.18)` | Sea Urchin | white, 4.7 to 1 |
| 44 | `#3a7782` | `oklch(53.36% 0.0652 210.75)` | Sea Quest | white, 5 to 1 |
| 45 | `#3b7381` | `oklch(52.28% 0.0625 216.75)` | Oceanic Metropolis | white, 5.3 to 1 |
| 46 | `#3d6f80` | `oklch(51.34% 0.0601 222.11)` | Grand Rapids | white, 5.5 to 1 |
| 47 | `#3f6c7f` | `oklch(50.57% 0.0581 226.75)` | Santorini Blue | white, 5.7 to 1 |
| 48 | `#40697e` | `oklch(50.00% 0.0565 230.61)` | Ocean Storm | white, 5.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #230f01 0.0%, #261101 2.1%, #2b1402 4.3%, #311804 6.4%, #371d06 8.5%, #3f2109 10.6%, #47270d 12.8%, #502d11 14.9%, #593316 17.0%, #63391b 19.1%, #6d4020 21.3%, #784725 23.4%, #834e2a 25.5%, #8d552f 27.7%, #985d34 29.8%, #a26439 31.9%, #ac6b3d 34.0%, #b57241 36.2%, #be7845 38.3%, #c57f47 40.4%, #cc8549 42.6%, #d08a4a 44.7%, #d48f4a 46.8%, #d5944a 48.9%, #d59849 51.1%, #d29b47 53.2%, #cd9e46 55.3%, #c7a146 57.4%, #bea347 59.6%, #b4a54a 61.7%, #a8a54e 63.8%, #9ca653 66.0%, #8ea55a 68.1%, #80a460 70.2%, #72a167 72.3%, #659e6e 74.5%, #589a74 76.6%, #4e9679 78.7%, #45917d 80.9%, #3f8c80 83.0%, #3b8682 85.1%, #398183 87.2%, #397c83 89.4%, #3a7782 91.5%, #3b7381 93.6%, #3d6f80 95.7%, #3f6c7f 97.9%, #40697e 100.0%);
background: linear-gradient(45deg in oklch, oklch(19.29% 0.0441 58.36) 0.0%, oklch(20.57% 0.0460 58.47) 2.1%, oklch(22.15% 0.0483 58.38) 4.3%, oklch(24.00% 0.0511 58.12) 6.4%, oklch(26.08% 0.0542 57.72) 8.5%, oklch(28.37% 0.0577 57.22) 10.6%, oklch(30.84% 0.0615 56.64) 12.8%, oklch(33.46% 0.0654 56.02) 14.9%, oklch(36.20% 0.0696 55.40) 17.0%, oklch(39.03% 0.0739 54.80) 19.1%, oklch(41.93% 0.0783 54.25) 21.3%, oklch(44.85% 0.0827 53.80) 23.4%, oklch(47.78% 0.0870 53.47) 25.5%, oklch(50.68% 0.0913 53.29) 27.7%, oklch(53.52% 0.0955 53.30) 29.8%, oklch(56.27% 0.0996 53.53) 31.9%, oklch(58.91% 0.1034 54.01) 34.0%, oklch(61.41% 0.1069 54.77) 36.2%, oklch(63.73% 0.1101 55.86) 38.3%, oklch(65.84% 0.1130 57.29) 40.4%, oklch(67.73% 0.1154 59.10) 42.6%, oklch(69.35% 0.1173 61.33) 44.7%, oklch(70.67% 0.1188 64.01) 46.8%, oklch(71.68% 0.1197 67.16) 48.9%, oklch(72.34% 0.1199 70.86) 51.1%, oklch(72.69% 0.1196 75.33) 53.2%, oklch(72.77% 0.1187 80.53) 55.3%, oklch(72.59% 0.1173 86.38) 57.4%, oklch(72.18% 0.1155 92.83) 59.6%, oklch(71.56% 0.1133 99.78) 61.7%, oklch(70.75% 0.1107 107.19) 63.8%, oklch(69.78% 0.1077 114.96) 66.0%, oklch(68.66% 0.1046 123.02) 68.1%, oklch(67.43% 0.1012 131.32) 70.2%, oklch(66.09% 0.0976 139.76) 72.3%, oklch(64.68% 0.0939 148.29) 74.5%, oklch(63.22% 0.0901 156.83) 76.6%, oklch(61.72% 0.0863 165.30) 78.7%, oklch(60.22% 0.0824 173.64) 80.9%, oklch(58.73% 0.0787 181.77) 83.0%, oklch(57.28% 0.0751 189.61) 85.1%, oklch(55.88% 0.0716 197.11) 87.2%, oklch(54.57% 0.0683 204.18) 89.4%, oklch(53.36% 0.0652 210.75) 91.5%, oklch(52.28% 0.0625 216.75) 93.6%, oklch(51.34% 0.0601 222.11) 95.7%, oklch(50.57% 0.0581 226.75) 97.9%, oklch(50.00% 0.0565 230.61) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.193 | 0.044 | 58.4 |
| 2 | 0.72 | 0.12 | 68.9 |
| 3 | 0.5 | 0.056 | 230.6 |

## In these collections

- [Coastal gradients](https://grabient.com/coastal-gradients)
- [Desert colors](https://grabient.com/desert-colors)

## Other forms

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