# SoHo charcoal cream plum and carrot light

Analogous black, gray, brown and red linear gradient with 48 colors: #171719, #1a1a1c, #1d1d20, #212124, #262629, #2b2b2f, #303035, #37363b, #3d3d42, #45444a, #4d4b52, #55535a, #5e5b62, #6a656c, #787177, #877e83, #978d90, #a79d9e, #b7adab, #c5bcb8, #d2c9c3, #dcd4cc, #e3dcd2, #e7e0d3, #e7dfcf, #e3d8c6, #dcccb7, #d3bca6, #c9a994, #bd9484, #af7e77, #a06a6d, #915766, #834862, #773d5f, #70355e, #6f315d, #722f5d, #792f5d, #83315c, #8f345a, #9c3a57, #aa4053, #b7484c, #c25145, #cc593d, #d36134, #d7662c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous black, gray, brown and red linear gradient
- Seed: `kWNAPLu4TCPOH0G1JLOUTnHg`
- Page: https://grabient.com/kWNAPLu4TCPOH0G1JLOUTnHg?steps=48&angle=45
- Drawn as: linear gradient, 48 steps, 45 degrees
- Kinds: light center, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 13.6 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 | `#171719` | `oklch(20.47% 0.0041 286.17)` | Piano Black | white, 17.9 to 1 |
| 2 | `#1a1a1c` | `oklch(21.72% 0.0045 286.71)` | Gluon Grey | white, 17.4 to 1 |
| 3 | `#1d1d20` | `oklch(23.20% 0.0051 286.85)` | Satin Deep Black | white, 16.8 to 1 |
| 4 | `#212124` | `oklch(24.91% 0.0057 286.76)` | Noble Black | white, 16 to 1 |
| 5 | `#262629` | `oklch(26.82% 0.0063 286.63)` | Darth Vader | white, 15.1 to 1 |
| 6 | `#2b2b2f` | `oklch(28.92% 0.0071 286.66)` | Caviar | white, 14.1 to 1 |
| 7 | `#303035` | `oklch(31.20% 0.0079 287.04)` | Tap Shoe | white, 13 to 1 |
| 8 | `#37363b` | `oklch(33.63% 0.0087 287.94)` | Avocado Peel | white, 11.9 to 1 |
| 9 | `#3d3d42` | `oklch(36.21% 0.0095 289.55)` | In the Dark | white, 10.7 to 1 |
| 10 | `#45444a` | `oklch(38.91% 0.0103 292.07)` | Nine Iron | white, 9.6 to 1 |
| 11 | `#4d4b52` | `oklch(41.72% 0.0111 295.68)` | Galaxy | white, 8.5 to 1 |
| 12 | `#55535a` | `oklch(44.62% 0.0119 300.57)` | Forged Iron | white, 7.5 to 1 |
| 13 | `#5e5b62` | `oklch(47.63% 0.0126 306.99)` | Tornado Cloud | white, 6.6 to 1 |
| 14 | `#6a656c` | `oklch(51.26% 0.0129 316.15)` | Alter Ego | white, 5.7 to 1 |
| 15 | `#787177` | `oklch(55.57% 0.0129 327.98)` | Steel Armour | white, 4.7 to 1 |
| 16 | `#877e83` | `oklch(60.35% 0.0127 341.81)` | Classy Plum | black, 5.3 to 1 |
| 17 | `#978d90` | `oklch(65.39% 0.0124 356.96)` | Ash Pink | black, 6.5 to 1 |
| 18 | `#a79d9e` | `oklch(70.49% 0.0121 12.76)` | Nobel | black, 7.9 to 1 |
| 19 | `#b7adab` | `oklch(75.45% 0.0121 28.54)` | Rose Ashes | black, 9.5 to 1 |
| 20 | `#c5bcb8` | `oklch(80.06% 0.0123 43.61)` | Hush | black, 11.2 to 1 |
| 21 | `#d2c9c3` | `oklch(84.11% 0.0129 57.30)` | Pearl Ash | black, 12.8 to 1 |
| 22 | `#dcd4cc` | `oklch(87.40% 0.0142 68.95)` | Light Limed White | black, 14.3 to 1 |
| 23 | `#e3dcd2` | `oklch(89.72% 0.0161 77.88)` | White Luxe | black, 15.4 to 1 |
| 24 | `#e7e0d3` | `oklch(90.87% 0.0189 83.41)` | Herare White | black, 16 to 1 |
| 25 | `#e7dfcf` | `oklch(90.61% 0.0227 84.85)` | Spellbound | black, 15.8 to 1 |
| 26 | `#e3d8c6` | `oklch(88.69% 0.0275 81.98)` | Gentle Lamb | black, 14.9 to 1 |
| 27 | `#dcccb7` | `oklch(85.36% 0.0333 75.51)` | Palest Satin | black, 13.4 to 1 |
| 28 | `#d3bca6` | `oklch(80.92% 0.0399 66.18)` | Classic Taupe | black, 11.5 to 1 |
| 29 | `#c9a994` | `oklch(75.68% 0.0471 54.76)` | Friendly Homestead | black, 9.5 to 1 |
| 30 | `#bd9484` | `oklch(69.94% 0.0546 42.03)` | Faded Redwood | black, 7.6 to 1 |
| 31 | `#af7e77` | `oklch(64.00% 0.0624 28.73)` | Ferris Wheel | black, 6 to 1 |
| 32 | `#a06a6d` | `oklch(58.18% 0.0703 15.64)` | Delhi Spice | black, 4.7 to 1 |
| 33 | `#915766` | `oklch(52.77% 0.0781 3.52)` | Pink Peppercorn | white, 5.5 to 1 |
| 34 | `#834862` | `oklch(48.08% 0.0856 353.14)` | Grand Poobah | white, 6.8 to 1 |
| 35 | `#773d5f` | `oklch(44.41% 0.0927 345.25)` | Mystique Violet | white, 8 to 1 |
| 36 | `#70355e` | `oklch(42.07% 0.0991 340.62)` | Grape | white, 8.9 to 1 |
| 37 | `#6f315d` | `oklch(41.19% 0.1050 339.57)` | Grape | white, 9.2 to 1 |
| 38 | `#722f5d` | `oklch(41.38% 0.1109 341.16)` | Grape | white, 9.2 to 1 |
| 39 | `#792f5d` | `oklch(42.46% 0.1169 344.90)` | Magenta Purple | white, 8.8 to 1 |
| 40 | `#83315c` | `oklch(44.26% 0.1227 350.37)` | Boysenberry | white, 8.2 to 1 |
| 41 | `#8f345a` | `oklch(46.61% 0.1284 357.13)` | Forward Fuchsia | white, 7.4 to 1 |
| 42 | `#9c3a57` | `oklch(49.32% 0.1339 4.77)` | Raspberry Ice Red | white, 6.6 to 1 |
| 43 | `#aa4053` | `oklch(52.24% 0.1390 12.83)` | Speaking of the Devil | white, 5.8 to 1 |
| 44 | `#b7484c` | `oklch(55.18% 0.1439 20.89)` | Dusty Red | white, 5.1 to 1 |
| 45 | `#c25145` | `oklch(57.98% 0.1483 28.53)` | Sweet Baby Rose | white, 4.6 to 1 |
| 46 | `#cc593d` | `oklch(60.46% 0.1523 35.30)` | Grand Duke | black, 5 to 1 |
| 47 | `#d36134` | `oklch(62.45% 0.1557 40.78)` | Vermilion Waxcap | black, 5.5 to 1 |
| 48 | `#d7662c` | `oklch(63.78% 0.1585 44.53)` | Tangerine Bliss | black, 5.8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #171719 0.0%, #1a1a1c 2.1%, #1d1d20 4.3%, #212124 6.4%, #262629 8.5%, #2b2b2f 10.6%, #303035 12.8%, #37363b 14.9%, #3d3d42 17.0%, #45444a 19.1%, #4d4b52 21.3%, #55535a 23.4%, #5e5b62 25.5%, #6a656c 27.7%, #787177 29.8%, #877e83 31.9%, #978d90 34.0%, #a79d9e 36.2%, #b7adab 38.3%, #c5bcb8 40.4%, #d2c9c3 42.6%, #dcd4cc 44.7%, #e3dcd2 46.8%, #e7e0d3 48.9%, #e7dfcf 51.1%, #e3d8c6 53.2%, #dcccb7 55.3%, #d3bca6 57.4%, #c9a994 59.6%, #bd9484 61.7%, #af7e77 63.8%, #a06a6d 66.0%, #915766 68.1%, #834862 70.2%, #773d5f 72.3%, #70355e 74.5%, #6f315d 76.6%, #722f5d 78.7%, #792f5d 80.9%, #83315c 83.0%, #8f345a 85.1%, #9c3a57 87.2%, #aa4053 89.4%, #b7484c 91.5%, #c25145 93.6%, #cc593d 95.7%, #d36134 97.9%, #d7662c 100.0%);
background: linear-gradient(45deg in oklch, oklch(20.47% 0.0041 286.17) 0.0%, oklch(21.72% 0.0045 286.71) 2.1%, oklch(23.20% 0.0051 286.85) 4.3%, oklch(24.91% 0.0057 286.76) 6.4%, oklch(26.82% 0.0063 286.63) 8.5%, oklch(28.92% 0.0071 286.66) 10.6%, oklch(31.20% 0.0079 287.04) 12.8%, oklch(33.63% 0.0087 287.94) 14.9%, oklch(36.21% 0.0095 289.55) 17.0%, oklch(38.91% 0.0103 292.07) 19.1%, oklch(41.72% 0.0111 295.68) 21.3%, oklch(44.62% 0.0119 300.57) 23.4%, oklch(47.63% 0.0126 306.99) 25.5%, oklch(51.26% 0.0129 316.15) 27.7%, oklch(55.57% 0.0129 327.98) 29.8%, oklch(60.35% 0.0127 341.81) 31.9%, oklch(65.39% 0.0124 356.96) 34.0%, oklch(70.49% 0.0121 12.76) 36.2%, oklch(75.45% 0.0121 28.54) 38.3%, oklch(80.06% 0.0123 43.61) 40.4%, oklch(84.11% 0.0129 57.30) 42.6%, oklch(87.40% 0.0142 68.95) 44.7%, oklch(89.72% 0.0161 77.88) 46.8%, oklch(90.87% 0.0189 83.41) 48.9%, oklch(90.61% 0.0227 84.85) 51.1%, oklch(88.69% 0.0275 81.98) 53.2%, oklch(85.36% 0.0333 75.51) 55.3%, oklch(80.92% 0.0399 66.18) 57.4%, oklch(75.68% 0.0471 54.76) 59.6%, oklch(69.94% 0.0546 42.03) 61.7%, oklch(64.00% 0.0624 28.73) 63.8%, oklch(58.18% 0.0703 15.64) 66.0%, oklch(52.77% 0.0781 3.52) 68.1%, oklch(48.08% 0.0856 353.14) 70.2%, oklch(44.41% 0.0927 345.25) 72.3%, oklch(42.07% 0.0991 340.62) 74.5%, oklch(41.19% 0.1050 339.57) 76.6%, oklch(41.38% 0.1109 341.16) 78.7%, oklch(42.46% 0.1169 344.90) 80.9%, oklch(44.26% 0.1227 350.37) 83.0%, oklch(46.61% 0.1284 357.13) 85.1%, oklch(49.32% 0.1339 4.77) 87.2%, oklch(52.24% 0.1390 12.83) 89.4%, oklch(55.18% 0.1439 20.89) 91.5%, oklch(57.98% 0.1483 28.53) 93.6%, oklch(60.46% 0.1523 35.30) 95.7%, oklch(62.45% 0.1557 40.78) 97.9%, oklch(63.78% 0.1585 44.53) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.205 | 0.004 | 286.2 |
| 2 | 0.469 | 0.012 | 305.2 |
| 3 | 0.909 | 0.021 | 444.7 |
| 4 | 0.417 | 0.101 | 340.1 |
| 5 | 0.638 | 0.158 | 404.5 |

## In these collections

- [SoHo chic colors](https://grabient.com/soho-chic-colors)

## Other forms

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