# Silver burgundy satin plane

Brown, gray and white linear gradient with 40 colors: #361404, #3b190c, #421f16, #4a2622, #532f2f, #5c393d, #66444c, #70515c, #795e6d, #836c7d, #8d7a8d, #96899c, #a098ab, #aaa6b8, #b4b4c4, #bec1cf, #c8ccd9, #d1d7e1, #d9e0e8, #e0e7ee, #e6ecf2, #eaf0f5, #edf2f6, #eff4f7, #eff4f7, #eff3f5, #eef2f4, #eceff1, #e9edee, #e6e9eb, #e3e6e7, #e0e2e4, #dcdfe0, #d8dbdc, #d5d7d9, #d2d4d5, #cfd1d2, #cccfd0, #cbcdce, #c9cccd. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, gray and white linear gradient
- Seed: `kSPSwgdoQtesBPa`
- Page: https://grabient.com/kSPSwgdoQtesBPa?steps=40&angle=225
- Drawn as: linear gradient, 40 steps, 225 degrees
- Kinds: light center, neutral, light
- Hues: wide
- Contrast of its darkest and lightest colors: 15 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 | `#361404` | `oklch(24.02% 0.0606 45.00)` | Chocolate Melange | white, 16.7 to 1 |
| 2 | `#3b190c` | `oklch(26.07% 0.0592 40.42)` | American Bronze | white, 15.7 to 1 |
| 3 | `#421f16` | `oklch(28.63% 0.0574 34.77)` | Longan’s Kernel | white, 14.5 to 1 |
| 4 | `#4a2622` | `oklch(31.64% 0.0553 28.18)` | Torrefacto Roast | white, 13.1 to 1 |
| 5 | `#532f2f` | `oklch(35.05% 0.0530 20.76)` | Decadent Chocolate | white, 11.5 to 1 |
| 6 | `#5c393d` | `oklch(38.79% 0.0504 12.63)` | Red Vine | white, 9.9 to 1 |
| 7 | `#66444c` | `oklch(42.79% 0.0477 3.91)` | Misty Grape | white, 8.3 to 1 |
| 8 | `#70515c` | `oklch(47.01% 0.0448 354.72)` | Ruby Grey | white, 6.9 to 1 |
| 9 | `#795e6d` | `oklch(51.39% 0.0418 345.18)` | Black Plum | white, 5.7 to 1 |
| 10 | `#836c7d` | `oklch(55.85% 0.0387 335.40)` | Splendiferous | white, 4.7 to 1 |
| 11 | `#8d7a8d` | `oklch(60.35% 0.0356 325.51)` | Classical Violet | black, 5.3 to 1 |
| 12 | `#96899c` | `oklch(64.82% 0.0324 315.63)` | Eccentricity | black, 6.3 to 1 |
| 13 | `#a098ab` | `oklch(69.21% 0.0294 305.87)` | Lavender Aura | black, 7.5 to 1 |
| 14 | `#aaa6b8` | `oklch(73.45% 0.0263 296.35)` | Morning Mist Grey | black, 8.8 to 1 |
| 15 | `#b4b4c4` | `oklch(77.48% 0.0234 287.19)` | Fading Sunset | black, 10.2 to 1 |
| 16 | `#bec1cf` | `oklch(81.25% 0.0207 278.52)` | Whomp Grey | black, 11.6 to 1 |
| 17 | `#c8ccd9` | `oklch(84.69% 0.0181 270.44)` | Winter’s Fury | black, 13.1 to 1 |
| 18 | `#d1d7e1` | `oklch(87.74% 0.0157 263.08)` | Twinkle Blue | black, 14.5 to 1 |
| 19 | `#d9e0e8` | `oklch(90.36% 0.0136 256.56)` | Eastern Breeze | black, 15.7 to 1 |
| 20 | `#e0e7ee` | `oklch(92.46% 0.0118 250.99)` | Diamond Light | black, 16.8 to 1 |
| 21 | `#e6ecf2` | `oklch(94.03% 0.0103 246.43)` | Morning Mist | black, 17.6 to 1 |
| 22 | `#eaf0f5` | `oklch(95.15% 0.0090 242.58)` | Powder White | black, 18.2 to 1 |
| 23 | `#edf2f6` | `oklch(95.90% 0.0079 239.33)` | Airport | black, 18.6 to 1 |
| 24 | `#eff4f7` | `oklch(96.30% 0.0069 236.63)` | Child of Light | black, 18.8 to 1 |
| 25 | `#eff4f7` | `oklch(96.38% 0.0061 234.44)` | Child of Light | black, 18.9 to 1 |
| 26 | `#eff3f5` | `oklch(96.19% 0.0055 232.71)` | Maui Mist | black, 18.8 to 1 |
| 27 | `#eef2f4` | `oklch(95.76% 0.0049 231.38)` | Maui Mist | black, 18.5 to 1 |
| 28 | `#eceff1` | `oklch(95.12% 0.0045 230.41)` | Bái Sè White | black, 18.2 to 1 |
| 29 | `#e9edee` | `oklch(94.31% 0.0041 229.76)` | Lagoon Mirror | black, 17.7 to 1 |
| 30 | `#e6e9eb` | `oklch(93.36% 0.0038 229.38)` | Snow Cloud | black, 17.2 to 1 |
| 31 | `#e3e6e7` | `oklch(92.32% 0.0036 229.21)` | White Lake | black, 16.7 to 1 |
| 32 | `#e0e2e4` | `oklch(91.21% 0.0035 229.21)` | Porcelain Jasper | black, 16.1 to 1 |
| 33 | `#dcdfe0` | `oklch(90.07% 0.0034 229.33)` | Drifting Cloud | black, 15.6 to 1 |
| 34 | `#d8dbdc` | `oklch(88.94% 0.0033 229.53)` | Silver Setting | black, 15 to 1 |
| 35 | `#d5d7d9` | `oklch(87.85% 0.0033 229.75)` | December Sky | black, 14.5 to 1 |
| 36 | `#d2d4d5` | `oklch(86.83% 0.0032 229.95)` | Disco Ball | black, 14.1 to 1 |
| 37 | `#cfd1d2` | `oklch(85.93% 0.0032 230.08)` | Fragile Blue | black, 13.7 to 1 |
| 38 | `#cccfd0` | `oklch(85.18% 0.0031 230.10)` | Manhattan Mist | black, 13.3 to 1 |
| 39 | `#cbcdce` | `oklch(84.61% 0.0029 229.94)` | Iron Fist | black, 13.1 to 1 |
| 40 | `#c9cccd` | `oklch(84.25% 0.0028 229.58)` | Where There Is Smoke | black, 12.9 to 1 |

## CSS

```css
background: linear-gradient(225deg, #361404 0.0%, #3b190c 2.6%, #421f16 5.1%, #4a2622 7.7%, #532f2f 10.3%, #5c393d 12.8%, #66444c 15.4%, #70515c 17.9%, #795e6d 20.5%, #836c7d 23.1%, #8d7a8d 25.6%, #96899c 28.2%, #a098ab 30.8%, #aaa6b8 33.3%, #b4b4c4 35.9%, #bec1cf 38.5%, #c8ccd9 41.0%, #d1d7e1 43.6%, #d9e0e8 46.2%, #e0e7ee 48.7%, #e6ecf2 51.3%, #eaf0f5 53.8%, #edf2f6 56.4%, #eff4f7 59.0%, #eff4f7 61.5%, #eff3f5 64.1%, #eef2f4 66.7%, #eceff1 69.2%, #e9edee 71.8%, #e6e9eb 74.4%, #e3e6e7 76.9%, #e0e2e4 79.5%, #dcdfe0 82.1%, #d8dbdc 84.6%, #d5d7d9 87.2%, #d2d4d5 89.7%, #cfd1d2 92.3%, #cccfd0 94.9%, #cbcdce 97.4%, #c9cccd 100.0%);
background: linear-gradient(225deg in oklch, oklch(24.02% 0.0606 45.00) 0.0%, oklch(26.07% 0.0592 40.42) 2.6%, oklch(28.63% 0.0574 34.77) 5.1%, oklch(31.64% 0.0553 28.18) 7.7%, oklch(35.05% 0.0530 20.76) 10.3%, oklch(38.79% 0.0504 12.63) 12.8%, oklch(42.79% 0.0477 3.91) 15.4%, oklch(47.01% 0.0448 354.72) 17.9%, oklch(51.39% 0.0418 345.18) 20.5%, oklch(55.85% 0.0387 335.40) 23.1%, oklch(60.35% 0.0356 325.51) 25.6%, oklch(64.82% 0.0324 315.63) 28.2%, oklch(69.21% 0.0294 305.87) 30.8%, oklch(73.45% 0.0263 296.35) 33.3%, oklch(77.48% 0.0234 287.19) 35.9%, oklch(81.25% 0.0207 278.52) 38.5%, oklch(84.69% 0.0181 270.44) 41.0%, oklch(87.74% 0.0157 263.08) 43.6%, oklch(90.36% 0.0136 256.56) 46.2%, oklch(92.46% 0.0118 250.99) 48.7%, oklch(94.03% 0.0103 246.43) 51.3%, oklch(95.15% 0.0090 242.58) 53.8%, oklch(95.90% 0.0079 239.33) 56.4%, oklch(96.30% 0.0069 236.63) 59.0%, oklch(96.38% 0.0061 234.44) 61.5%, oklch(96.19% 0.0055 232.71) 64.1%, oklch(95.76% 0.0049 231.38) 66.7%, oklch(95.12% 0.0045 230.41) 69.2%, oklch(94.31% 0.0041 229.76) 71.8%, oklch(93.36% 0.0038 229.38) 74.4%, oklch(92.32% 0.0036 229.21) 76.9%, oklch(91.21% 0.0035 229.21) 79.5%, oklch(90.07% 0.0034 229.33) 82.1%, oklch(88.94% 0.0033 229.53) 84.6%, oklch(87.85% 0.0033 229.75) 87.2%, oklch(86.83% 0.0032 229.95) 89.7%, oklch(85.93% 0.0032 230.08) 92.3%, oklch(85.18% 0.0031 230.10) 94.9%, oklch(84.61% 0.0029 229.94) 97.4%, oklch(84.25% 0.0028 229.58) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.24 | 0.061 | 45 |
| 2 | 0.933 | 0.011 | -111.4 |
| 3 | 0.843 | 0.003 | -130.4 |

## In these collections

- [Silver gradients](https://grabient.com/silver-gradients)
- [Metallic gradients](https://grabient.com/metallic-gradients)

## Other forms

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