# Gray, gray blue, brown and teal linear gradient

Gray, gray blue, brown and teal linear gradient with 64 colors: #432c2e, #473034, #4b343b, #503a45, #54414f, #59495b, #5c5166, #605b72, #63657c, #656f86, #69798e, #6c8394, #708b9a, #75939e, #7999a1, #7d9da4, #7fa0a6, #81a0a8, #829fa9, #839da8, #8499a6, #8494a3, #848f9f, #848999, #838392, #827e8b, #807984, #7e757e, #7d7178, #7c6e73, #7b6d6f, #7c6c6c, #7f6c6a, #836e69, #897167, #917466, #987964, #a07f61, #a8855f, #af8c5c, #b59458, #ba9c55, #bda453, #beac52, #bcb452, #b8ba55, #b2c05a, #a8c561, #9cc76a, #8ec874, #7fc77e, #6fc487, #62bf8f, #56b995, #4fb29a, #4baa9c, #4ba19c, #4d999a, #509097, #528993, #55818d, #577b88, #587784, #587380. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWUhkJ1o2s0WIVBjL8wRI3MY`
- Page: https://grabient.com/kWUhkJ1o2s0WIVBjL8wRI3MY?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: light center, muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 6.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 | `#432c2e` | `oklch(32.28% 0.0344 13.36)` | Chocolate Plum | white, 12.7 to 1 |
| 2 | `#473034` | `oklch(33.65% 0.0346 6.97)` | Cab Sav | white, 12.1 to 1 |
| 3 | `#4b343b` | `oklch(35.45% 0.0348 358.32)` | Jube | white, 11.3 to 1 |
| 4 | `#503a45` | `oklch(37.59% 0.0351 347.78)` | Peacock Purple | white, 10.3 to 1 |
| 5 | `#54414f` | `oklch(40.03% 0.0354 335.74)` | Punchit Purple | white, 9.3 to 1 |
| 6 | `#59495b` | `oklch(42.70% 0.0357 322.57)` | Deep Merlot | white, 8.3 to 1 |
| 7 | `#5c5166` | `oklch(45.53% 0.0361 308.66)` | Muscat Grape | white, 7.3 to 1 |
| 8 | `#605b72` | `oklch(48.45% 0.0365 294.38)` | Luscious Purple | white, 6.4 to 1 |
| 9 | `#63657c` | `oklch(51.40% 0.0368 280.11)` | Purple Daze | white, 5.6 to 1 |
| 10 | `#656f86` | `oklch(54.32% 0.0371 266.24)` | Blue Cloud | white, 5 to 1 |
| 11 | `#69798e` | `oklch(57.14% 0.0374 253.13)` | Noble Blue | black, 4.7 to 1 |
| 12 | `#6c8394` | `oklch(59.79% 0.0376 241.17)` | Gilneas Grey | black, 5.3 to 1 |
| 13 | `#708b9a` | `oklch(62.21% 0.0377 230.73)` | China Clay | black, 5.8 to 1 |
| 14 | `#75939e` | `oklch(64.33% 0.0378 222.21)` | Cavolo Nero | black, 6.4 to 1 |
| 15 | `#7999a1` | `oklch(66.09% 0.0377 215.96)` | Tranquil Aqua | black, 6.8 to 1 |
| 16 | `#7d9da4` | `oklch(67.43% 0.0375 212.38)` | Gould Blue | black, 7.2 to 1 |
| 17 | `#7fa0a6` | `oklch(68.27% 0.0371 211.83)` | Cold Waterlogged Lab Coat | black, 7.4 to 1 |
| 18 | `#81a0a8` | `oklch(68.60% 0.0362 214.22)` | Tourmaline | black, 7.5 to 1 |
| 19 | `#829fa9` | `oklch(68.46% 0.0349 219.16)` | Serene Stream | black, 7.5 to 1 |
| 20 | `#839da8` | `oklch(67.93% 0.0331 226.36)` | Serene Stream | black, 7.3 to 1 |
| 21 | `#8499a6` | `oklch(67.06% 0.0311 235.52)` | Silver Storm | black, 7 to 1 |
| 22 | `#8494a3` | `oklch(65.94% 0.0289 246.31)` | Coastal Vista | black, 6.7 to 1 |
| 23 | `#848f9f` | `oklch(64.61% 0.0266 258.45)` | Diopside Blue | black, 6.4 to 1 |
| 24 | `#848999` | `oklch(63.15% 0.0243 271.62)` | Yin Hūi Silver | black, 6 to 1 |
| 25 | `#838392` | `oklch(61.63% 0.0222 285.51)` | Metro | black, 5.6 to 1 |
| 26 | `#827e8b` | `oklch(60.10% 0.0204 299.82)` | Soft Savvy | black, 5.3 to 1 |
| 27 | `#807984` | `oklch(58.64% 0.0189 314.24)` | Grey Ridge | black, 4.9 to 1 |
| 28 | `#7e757e` | `oklch(57.32% 0.0179 328.46)` | Plush Velvet | black, 4.7 to 1 |
| 29 | `#7d7178` | `oklch(56.18% 0.0174 342.18)` | Jubilee Grey | white, 4.6 to 1 |
| 30 | `#7c6e73` | `oklch(55.31% 0.0177 355.09)` | Dusky Cyclamen | white, 4.8 to 1 |
| 31 | `#7b6d6f` | `oklch(54.77% 0.0187 6.88)` | Imagery | white, 4.9 to 1 |
| 32 | `#7c6c6c` | `oklch(54.63% 0.0207 17.26)` | Hickory Cliff | white, 4.9 to 1 |
| 33 | `#7f6c6a` | `oklch(54.94% 0.0238 26.07)` | Autumn Ashes | white, 4.9 to 1 |
| 34 | `#836e69` | `oklch(55.70% 0.0284 34.20)` | Granite Boulder | white, 4.7 to 1 |
| 35 | `#897167` | `oklch(56.86% 0.0345 41.85)` | Elkhound | black, 4.6 to 1 |
| 36 | `#917466` | `oklch(58.33% 0.0418 49.08)` | Milk Brownie Dough | black, 4.9 to 1 |
| 37 | `#987964` | `oklch(60.07% 0.0500 55.94)` | Fudge Bar | black, 5.2 to 1 |
| 38 | `#a07f61` | `oklch(62.00% 0.0589 62.48)` | Sorrell Brown | black, 5.6 to 1 |
| 39 | `#a8855f` | `oklch(64.07% 0.0683 68.77)` | Temple Tile | black, 6.1 to 1 |
| 40 | `#af8c5c` | `oklch(66.20% 0.0778 74.86)` | Hawk Feather | black, 6.7 to 1 |
| 41 | `#b59458` | `oklch(68.33% 0.0873 80.79)` | Jungle Expedition | black, 7.3 to 1 |
| 42 | `#ba9c55` | `oklch(70.41% 0.0964 86.62)` | Tangy Green | black, 7.9 to 1 |
| 43 | `#bda453` | `oklch(72.35% 0.1050 92.42)` | Creed | black, 8.5 to 1 |
| 44 | `#beac52` | `oklch(74.11% 0.1128 98.23)` | Star Fruit Yellow Green | black, 9.1 to 1 |
| 45 | `#bcb452` | `oklch(75.61% 0.1195 104.10)` | Parachute | black, 9.7 to 1 |
| 46 | `#b8ba55` | `oklch(76.79% 0.1249 110.10)` | Japanese Fern | black, 10.2 to 1 |
| 47 | `#b2c05a` | `oklch(77.59% 0.1287 116.27)` | Sativa | black, 10.5 to 1 |
| 48 | `#a8c561` | `oklch(77.94% 0.1307 122.68)` | Green Peridot | black, 10.7 to 1 |
| 49 | `#9cc76a` | `oklch(77.80% 0.1307 129.40)` | Apple Orchard | black, 10.8 to 1 |
| 50 | `#8ec874` | `oklch(77.23% 0.1289 136.50)` | Pistachio | black, 10.6 to 1 |
| 51 | `#7fc77e` | `oklch(76.27% 0.1254 143.91)` | Garden Stroll | black, 10.3 to 1 |
| 52 | `#6fc487` | `oklch(74.98% 0.1206 151.54)` | Clover Mist | black, 9.8 to 1 |
| 53 | `#62bf8f` | `oklch(73.42% 0.1146 159.31)` | Young Bamboo | black, 9.3 to 1 |
| 54 | `#56b995` | `oklch(71.65% 0.1076 167.14)` | Blue Green Scene | black, 8.7 to 1 |
| 55 | `#4fb29a` | `oklch(69.71% 0.1000 174.93)` | Water Park | black, 8.1 to 1 |
| 56 | `#4baa9c` | `oklch(67.66% 0.0919 182.61)` | Ambrosial Oceanside | black, 7.5 to 1 |
| 57 | `#4ba19c` | `oklch(65.56% 0.0835 190.10)` | Tourmaline Turquoise | black, 6.8 to 1 |
| 58 | `#4d999a` | `oklch(63.46% 0.0752 197.31)` | Aquatic Green | black, 6.3 to 1 |
| 59 | `#509097` | `oklch(61.41% 0.0670 204.15)` | Coastal Calm | black, 5.7 to 1 |
| 60 | `#528993` | `oklch(59.48% 0.0593 210.55)` | Night Masque | black, 5.3 to 1 |
| 61 | `#55818d` | `oklch(57.71% 0.0522 216.41)` | Cape Lee | black, 4.9 to 1 |
| 62 | `#577b88` | `oklch(56.16% 0.0460 221.67)` | St. Bart’s | black, 4.6 to 1 |
| 63 | `#587784` | `oklch(54.88% 0.0409 226.22)` | Hampton Surf | white, 4.8 to 1 |
| 64 | `#587380` | `oklch(53.94% 0.0372 229.99)` | Blue Stone | white, 5 to 1 |

## CSS

```css
background: linear-gradient(225deg, #432c2e 0.0%, #473034 1.6%, #4b343b 3.2%, #503a45 4.8%, #54414f 6.3%, #59495b 7.9%, #5c5166 9.5%, #605b72 11.1%, #63657c 12.7%, #656f86 14.3%, #69798e 15.9%, #6c8394 17.5%, #708b9a 19.0%, #75939e 20.6%, #7999a1 22.2%, #7d9da4 23.8%, #7fa0a6 25.4%, #81a0a8 27.0%, #829fa9 28.6%, #839da8 30.2%, #8499a6 31.7%, #8494a3 33.3%, #848f9f 34.9%, #848999 36.5%, #838392 38.1%, #827e8b 39.7%, #807984 41.3%, #7e757e 42.9%, #7d7178 44.4%, #7c6e73 46.0%, #7b6d6f 47.6%, #7c6c6c 49.2%, #7f6c6a 50.8%, #836e69 52.4%, #897167 54.0%, #917466 55.6%, #987964 57.1%, #a07f61 58.7%, #a8855f 60.3%, #af8c5c 61.9%, #b59458 63.5%, #ba9c55 65.1%, #bda453 66.7%, #beac52 68.3%, #bcb452 69.8%, #b8ba55 71.4%, #b2c05a 73.0%, #a8c561 74.6%, #9cc76a 76.2%, #8ec874 77.8%, #7fc77e 79.4%, #6fc487 81.0%, #62bf8f 82.5%, #56b995 84.1%, #4fb29a 85.7%, #4baa9c 87.3%, #4ba19c 88.9%, #4d999a 90.5%, #509097 92.1%, #528993 93.7%, #55818d 95.2%, #577b88 96.8%, #587784 98.4%, #587380 100.0%);
background: linear-gradient(225deg in oklch, oklch(32.28% 0.0344 13.36) 0.0%, oklch(33.65% 0.0346 6.97) 1.6%, oklch(35.45% 0.0348 358.32) 3.2%, oklch(37.59% 0.0351 347.78) 4.8%, oklch(40.03% 0.0354 335.74) 6.3%, oklch(42.70% 0.0357 322.57) 7.9%, oklch(45.53% 0.0361 308.66) 9.5%, oklch(48.45% 0.0365 294.38) 11.1%, oklch(51.40% 0.0368 280.11) 12.7%, oklch(54.32% 0.0371 266.24) 14.3%, oklch(57.14% 0.0374 253.13) 15.9%, oklch(59.79% 0.0376 241.17) 17.5%, oklch(62.21% 0.0377 230.73) 19.0%, oklch(64.33% 0.0378 222.21) 20.6%, oklch(66.09% 0.0377 215.96) 22.2%, oklch(67.43% 0.0375 212.38) 23.8%, oklch(68.27% 0.0371 211.83) 25.4%, oklch(68.60% 0.0362 214.22) 27.0%, oklch(68.46% 0.0349 219.16) 28.6%, oklch(67.93% 0.0331 226.36) 30.2%, oklch(67.06% 0.0311 235.52) 31.7%, oklch(65.94% 0.0289 246.31) 33.3%, oklch(64.61% 0.0266 258.45) 34.9%, oklch(63.15% 0.0243 271.62) 36.5%, oklch(61.63% 0.0222 285.51) 38.1%, oklch(60.10% 0.0204 299.82) 39.7%, oklch(58.64% 0.0189 314.24) 41.3%, oklch(57.32% 0.0179 328.46) 42.9%, oklch(56.18% 0.0174 342.18) 44.4%, oklch(55.31% 0.0177 355.09) 46.0%, oklch(54.77% 0.0187 6.88) 47.6%, oklch(54.63% 0.0207 17.26) 49.2%, oklch(54.94% 0.0238 26.07) 50.8%, oklch(55.70% 0.0284 34.20) 52.4%, oklch(56.86% 0.0345 41.85) 54.0%, oklch(58.33% 0.0418 49.08) 55.6%, oklch(60.07% 0.0500 55.94) 57.1%, oklch(62.00% 0.0589 62.48) 58.7%, oklch(64.07% 0.0683 68.77) 60.3%, oklch(66.20% 0.0778 74.86) 61.9%, oklch(68.33% 0.0873 80.79) 63.5%, oklch(70.41% 0.0964 86.62) 65.1%, oklch(72.35% 0.1050 92.42) 66.7%, oklch(74.11% 0.1128 98.23) 68.3%, oklch(75.61% 0.1195 104.10) 69.8%, oklch(76.79% 0.1249 110.10) 71.4%, oklch(77.59% 0.1287 116.27) 73.0%, oklch(77.94% 0.1307 122.68) 74.6%, oklch(77.80% 0.1307 129.40) 76.2%, oklch(77.23% 0.1289 136.50) 77.8%, oklch(76.27% 0.1254 143.91) 79.4%, oklch(74.98% 0.1206 151.54) 81.0%, oklch(73.42% 0.1146 159.31) 82.5%, oklch(71.65% 0.1076 167.14) 84.1%, oklch(69.71% 0.1000 174.93) 85.7%, oklch(67.66% 0.0919 182.61) 87.3%, oklch(65.56% 0.0835 190.10) 88.9%, oklch(63.46% 0.0752 197.31) 90.5%, oklch(61.41% 0.0670 204.15) 92.1%, oklch(59.48% 0.0593 210.55) 93.7%, oklch(57.71% 0.0522 216.41) 95.2%, oklch(56.16% 0.0460 221.67) 96.8%, oklch(54.88% 0.0409 226.22) 98.4%, oklch(53.94% 0.0372 229.99) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.323 | 0.034 | 13.4 |
| 2 | 0.681 | 0.037 | -148.3 |
| 3 | 0.547 | 0.022 | 21.8 |
| 4 | 0.78 | 0.131 | 124.3 |
| 5 | 0.539 | 0.037 | 230 |

## Other forms

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