# Gray, black, brown and pink linear gradient

Gray, black, brown and pink linear gradient with 56 colors: #848e8f, #818b8c, #7e8889, #7b8585, #778181, #727c7d, #6d7878, #687373, #636d6e, #5e6868, #586263, #525d5d, #4d5757, #475252, #424d4c, #3c4747, #374242, #323e3d, #2d3938, #283534, #243230, #202e2c, #1c2b28, #192925, #162723, #132620, #11251e, #10251d, #10261b, #10271a, #112819, #142b18, #172d16, #1c3014, #233312, #2a370e, #333a09, #3c3e02, #464100, #514400, #5c4700, #674a00, #744d00, #814f00, #8f5000, #9c5110, #a75320, #b2552f, #bc573d, #c5594a, #cd5b58, #d55d64, #db5f70, #df627b, #e36485, #e6658e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSogiRnww7NY7rM`
- Page: https://grabient.com/kSogiRnww7NY7rM?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: dark center
- Hues: wide
- Contrast of its darkest and lightest colors: 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 | `#848e8f` | `oklch(63.78% 0.0110 204.61)` | Leadbelcher Metal | black, 6.2 to 1 |
| 2 | `#818b8c` | `oklch(62.96% 0.0114 203.90)` | Gunmetal Grey | black, 6 to 1 |
| 3 | `#7e8889` | `oklch(61.94% 0.0117 203.24)` | London Road | black, 5.7 to 1 |
| 4 | `#7b8585` | `oklch(60.75% 0.0119 202.61)` | Rough Ride | black, 5.5 to 1 |
| 5 | `#778181` | `oklch(59.40% 0.0121 202.00)` | Adrift at Sea | black, 5.2 to 1 |
| 6 | `#727c7d` | `oklch(57.90% 0.0122 201.40)` | Ocean Swell | black, 4.9 to 1 |
| 7 | `#6d7878` | `oklch(56.28% 0.0123 200.79)` | Rolling Stone | black, 4.5 to 1 |
| 8 | `#687373` | `oklch(54.55% 0.0124 200.16)` | Rain Shadow | white, 4.9 to 1 |
| 9 | `#636d6e` | `oklch(52.73% 0.0126 199.51)` | Cat Person | white, 5.3 to 1 |
| 10 | `#5e6868` | `oklch(50.83% 0.0127 198.82)` | Le Luxe | white, 5.7 to 1 |
| 11 | `#586263` | `oklch(48.88% 0.0128 198.08)` | Paramount | white, 6.2 to 1 |
| 12 | `#525d5d` | `oklch(46.90% 0.0130 197.27)` | Soot | white, 6.8 to 1 |
| 13 | `#4d5757` | `oklch(44.89% 0.0133 196.39)` | Urbanite | white, 7.4 to 1 |
| 14 | `#475252` | `oklch(42.88% 0.0136 195.42)` | Dark as Night | white, 8 to 1 |
| 15 | `#424d4c` | `oklch(40.89% 0.0140 194.36)` | Urban Chic | white, 8.8 to 1 |
| 16 | `#3c4747` | `oklch(38.93% 0.0144 193.19)` | Panda Black | white, 9.5 to 1 |
| 17 | `#374242` | `oklch(37.02% 0.0150 191.89)` | Dying Light | white, 10.3 to 1 |
| 18 | `#323e3d` | `oklch(35.18% 0.0157 190.46)` | Darkest Spruce | white, 11.1 to 1 |
| 19 | `#2d3938` | `oklch(33.43% 0.0165 188.89)` | Far Away Grey | white, 11.9 to 1 |
| 20 | `#283534` | `oklch(31.78% 0.0175 187.16)` | Aztec | white, 12.6 to 1 |
| 21 | `#243230` | `oklch(30.25% 0.0186 185.26)` | Concealed Green | white, 13.4 to 1 |
| 22 | `#202e2c` | `oklch(28.86% 0.0199 183.18)` | Ardósia | white, 14 to 1 |
| 23 | `#1c2b28` | `oklch(27.62% 0.0213 180.90)` | Charleston Green | white, 14.6 to 1 |
| 24 | `#192925` | `oklch(26.56% 0.0230 178.43)` | Swamp Thing | white, 15.1 to 1 |
| 25 | `#162723` | `oklch(25.69% 0.0248 175.74)` | Swamp Thing | white, 15.5 to 1 |
| 26 | `#132620` | `oklch(25.03% 0.0269 172.82)` | Deep Slate Green | white, 15.8 to 1 |
| 27 | `#11251e` | `oklch(24.60% 0.0292 169.66)` | Deep Slate Green | white, 16 to 1 |
| 28 | `#10251d` | `oklch(24.41% 0.0317 166.25)` | Deep Slate Green | white, 16 to 1 |
| 29 | `#10261b` | `oklch(24.48% 0.0345 162.55)` | Deep Slate Green | white, 16 to 1 |
| 30 | `#10271a` | `oklch(24.82% 0.0377 158.37)` | Deep Slate Green | white, 15.8 to 1 |
| 31 | `#112819` | `oklch(25.40% 0.0414 153.71)` | Deep Slate Olive | white, 15.5 to 1 |
| 32 | `#142b18` | `oklch(26.22% 0.0454 148.62)` | Nori Green | white, 15.2 to 1 |
| 33 | `#172d16` | `oklch(27.25% 0.0497 143.14)` | Bush | white, 14.7 to 1 |
| 34 | `#1c3014` | `oklch(28.47% 0.0544 137.31)` | Darkest Forest | white, 14.1 to 1 |
| 35 | `#233312` | `oklch(29.87% 0.0593 131.16)` | Darkest Forest | white, 13.4 to 1 |
| 36 | `#2a370e` | `oklch(31.43% 0.0645 124.75)` | Wasabi Nori | white, 12.7 to 1 |
| 37 | `#333a09` | `oklch(33.13% 0.0698 118.11)` | Dark Olive | white, 11.9 to 1 |
| 38 | `#3c3e02` | `oklch(34.94% 0.0753 111.28)` | Dark Olive | white, 11.2 to 1 |
| 39 | `#464100` | `oklch(36.87% 0.0780 104.28)` | Xanthophobia | white, 10.4 to 1 |
| 40 | `#514400` | `oklch(38.87% 0.0802 97.18)` | Sugarloaf Brown | white, 9.6 to 1 |
| 41 | `#5c4700` | `oklch(40.95% 0.0837 90.02)` | Mud Brown | white, 8.8 to 1 |
| 42 | `#674a00` | `oklch(43.07% 0.0886 82.84)` | Notorious Neanderthal | white, 8.1 to 1 |
| 43 | `#744d00` | `oklch(45.22% 0.0951 75.68)` | Lucky Brown | white, 7.4 to 1 |
| 44 | `#814f00` | `oklch(47.39% 0.1036 68.58)` | Medium Brown | white, 6.8 to 1 |
| 45 | `#8f5000` | `oklch(49.54% 0.1144 61.59)` | Plain Old Brown | white, 6.3 to 1 |
| 46 | `#9c5110` | `oklch(51.68% 0.1214 54.77)` | Burnt Bagel | white, 5.8 to 1 |
| 47 | `#a75320` | `oklch(53.77% 0.1269 48.09)` | Garfield | white, 5.3 to 1 |
| 48 | `#b2552f` | `oklch(55.80% 0.1322 41.63)` | Fiery Orange | white, 4.9 to 1 |
| 49 | `#bc573d` | `oklch(57.76% 0.1373 35.43)` | Orange Vermillion | white, 4.6 to 1 |
| 50 | `#c5594a` | `oklch(59.62% 0.1421 29.53)` | Martian Ironearth | black, 4.9 to 1 |
| 51 | `#cd5b58` | `oklch(61.36% 0.1467 23.97)` | Common Chestnut | black, 5.2 to 1 |
| 52 | `#d55d64` | `oklch(62.97% 0.1509 18.80)` | Italiano Rose | black, 5.5 to 1 |
| 53 | `#db5f70` | `oklch(64.43% 0.1548 14.05)` | Swiss Chard | black, 5.8 to 1 |
| 54 | `#df627b` | `oklch(65.72% 0.1583 9.77)` | Hint of Cherry | black, 6.1 to 1 |
| 55 | `#e36485` | `oklch(66.82% 0.1614 6.00)` | Coral Paradise | black, 6.4 to 1 |
| 56 | `#e6658e` | `oklch(67.72% 0.1640 2.77)` | Love Letter | black, 6.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #848e8f 0.0%, #818b8c 1.8%, #7e8889 3.6%, #7b8585 5.5%, #778181 7.3%, #727c7d 9.1%, #6d7878 10.9%, #687373 12.7%, #636d6e 14.5%, #5e6868 16.4%, #586263 18.2%, #525d5d 20.0%, #4d5757 21.8%, #475252 23.6%, #424d4c 25.5%, #3c4747 27.3%, #374242 29.1%, #323e3d 30.9%, #2d3938 32.7%, #283534 34.5%, #243230 36.4%, #202e2c 38.2%, #1c2b28 40.0%, #192925 41.8%, #162723 43.6%, #132620 45.5%, #11251e 47.3%, #10251d 49.1%, #10261b 50.9%, #10271a 52.7%, #112819 54.5%, #142b18 56.4%, #172d16 58.2%, #1c3014 60.0%, #233312 61.8%, #2a370e 63.6%, #333a09 65.5%, #3c3e02 67.3%, #464100 69.1%, #514400 70.9%, #5c4700 72.7%, #674a00 74.5%, #744d00 76.4%, #814f00 78.2%, #8f5000 80.0%, #9c5110 81.8%, #a75320 83.6%, #b2552f 85.5%, #bc573d 87.3%, #c5594a 89.1%, #cd5b58 90.9%, #d55d64 92.7%, #db5f70 94.5%, #df627b 96.4%, #e36485 98.2%, #e6658e 100.0%);
background: linear-gradient(135deg in oklch, oklch(63.78% 0.0110 204.61) 0.0%, oklch(62.96% 0.0114 203.90) 1.8%, oklch(61.94% 0.0117 203.24) 3.6%, oklch(60.75% 0.0119 202.61) 5.5%, oklch(59.40% 0.0121 202.00) 7.3%, oklch(57.90% 0.0122 201.40) 9.1%, oklch(56.28% 0.0123 200.79) 10.9%, oklch(54.55% 0.0124 200.16) 12.7%, oklch(52.73% 0.0126 199.51) 14.5%, oklch(50.83% 0.0127 198.82) 16.4%, oklch(48.88% 0.0128 198.08) 18.2%, oklch(46.90% 0.0130 197.27) 20.0%, oklch(44.89% 0.0133 196.39) 21.8%, oklch(42.88% 0.0136 195.42) 23.6%, oklch(40.89% 0.0140 194.36) 25.5%, oklch(38.93% 0.0144 193.19) 27.3%, oklch(37.02% 0.0150 191.89) 29.1%, oklch(35.18% 0.0157 190.46) 30.9%, oklch(33.43% 0.0165 188.89) 32.7%, oklch(31.78% 0.0175 187.16) 34.5%, oklch(30.25% 0.0186 185.26) 36.4%, oklch(28.86% 0.0199 183.18) 38.2%, oklch(27.62% 0.0213 180.90) 40.0%, oklch(26.56% 0.0230 178.43) 41.8%, oklch(25.69% 0.0248 175.74) 43.6%, oklch(25.03% 0.0269 172.82) 45.5%, oklch(24.60% 0.0292 169.66) 47.3%, oklch(24.41% 0.0317 166.25) 49.1%, oklch(24.48% 0.0345 162.55) 50.9%, oklch(24.82% 0.0377 158.37) 52.7%, oklch(25.40% 0.0414 153.71) 54.5%, oklch(26.22% 0.0454 148.62) 56.4%, oklch(27.25% 0.0497 143.14) 58.2%, oklch(28.47% 0.0544 137.31) 60.0%, oklch(29.87% 0.0593 131.16) 61.8%, oklch(31.43% 0.0645 124.75) 63.6%, oklch(33.13% 0.0698 118.11) 65.5%, oklch(34.94% 0.0753 111.28) 67.3%, oklch(36.87% 0.0780 104.28) 69.1%, oklch(38.87% 0.0802 97.18) 70.9%, oklch(40.95% 0.0837 90.02) 72.7%, oklch(43.07% 0.0886 82.84) 74.5%, oklch(45.22% 0.0951 75.68) 76.4%, oklch(47.39% 0.1036 68.58) 78.2%, oklch(49.54% 0.1144 61.59) 80.0%, oklch(51.68% 0.1214 54.77) 81.8%, oklch(53.77% 0.1269 48.09) 83.6%, oklch(55.80% 0.1322 41.63) 85.5%, oklch(57.76% 0.1373 35.43) 87.3%, oklch(59.62% 0.1421 29.53) 89.1%, oklch(61.36% 0.1467 23.97) 90.9%, oklch(62.97% 0.1509 18.80) 92.7%, oklch(64.43% 0.1548 14.05) 94.5%, oklch(65.72% 0.1583 9.77) 96.4%, oklch(66.82% 0.1614 6.00) 98.2%, oklch(67.72% 0.1640 2.77) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.638 | 0.011 | 204.6 |
| 2 | 0.244 | 0.033 | 164.5 |
| 3 | 0.677 | 0.164 | 2.8 |

## In these collections

- [Halloween gradients](https://grabient.com/halloween-gradients)

## Other forms

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