# Powder satin balcony

Powder blue falls through lavender, wine, and aubergine like satin folding into balcony shadow. Its pale upper field gives the darker plum lower edge room to gather gradually. The restrained diagonal gradient offers a cool theatrical counterpoint for editorial backdrops, beauty packaging, and refined event pages without losing the collection’s vintage, candlelit atmosphere.

- Also called: Gray to dark purple linear gradient
- Seed: `kW7winYpBDs8dRcxpkQnZK84`
- Page: https://grabient.com/kW7winYpBDs8dRcxpkQnZK84?steps=32&angle=164
- Drawn as: linear gradient, 32 steps, 164 degrees
- Kinds: light to dark, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 14.3 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 | `#e5edf2` | `oklch(94.09% 0.0110 234.84)` | Morning Mist | black, 17.6 to 1 |
| 2 | `#dfe9ef` | `oklch(92.76% 0.0137 237.25)` | Bellflower Blue | black, 17 to 1 |
| 3 | `#d8e3ec` | `oklch(90.97% 0.0171 240.33)` | Snow Shadow | black, 16.1 to 1 |
| 4 | `#cfdce8` | `oklch(88.84% 0.0213 243.99)` | Blue Silk | black, 15 to 1 |
| 5 | `#c6d4e3` | `oklch(86.48% 0.0259 248.13)` | Defenestration | black, 13.9 to 1 |
| 6 | `#bdccdf` | `oklch(84.01% 0.0308 252.68)` | Arctic Grey | black, 12.8 to 1 |
| 7 | `#b4c4da` | `oklch(81.54% 0.0358 257.55)` | Spindle | black, 11.8 to 1 |
| 8 | `#adbcd6` | `oklch(79.18% 0.0406 262.64)` | Pigeon Post | black, 10.9 to 1 |
| 9 | `#a8b4d2` | `oklch(77.05% 0.0452 267.88)` | Awesome Violet | black, 10.1 to 1 |
| 10 | `#a4adcf` | `oklch(75.10% 0.0498 273.69)` | Mild Blue Yonder | black, 9.4 to 1 |
| 11 | `#a1a5cb` | `oklch(73.25% 0.0546 280.06)` | Blossom Mauve | black, 8.7 to 1 |
| 12 | `#a09ec7` | `oklch(71.44% 0.0595 286.81)` | Opulent Violet | black, 8.1 to 1 |
| 13 | `#9f96c2` | `oklch(69.61% 0.0643 293.71)` | Chive Flower | black, 7.6 to 1 |
| 14 | `#9e8ebc` | `oklch(67.70% 0.0691 300.58)` | Hermosa | black, 7 to 1 |
| 15 | `#9d85b5` | `oklch(65.65% 0.0736 307.19)` | Peony Mauve | black, 6.4 to 1 |
| 16 | `#9b7dac` | `oklch(63.42% 0.0779 313.36)` | Virtuous | black, 5.9 to 1 |
| 17 | `#9873a2` | `oklch(60.91% 0.0820 319.04)` | Scotch Thistle | black, 5.3 to 1 |
| 18 | `#956897` | `oklch(58.09% 0.0866 324.96)` | Tulipan Violet | black, 4.7 to 1 |
| 19 | `#905d8a` | `oklch(55.03% 0.0915 330.98)` | Plum Savour | white, 5 to 1 |
| 20 | `#8b527d` | `oklch(51.83% 0.0963 336.80)` | Dynamic Magenta | white, 5.8 to 1 |
| 21 | `#85466f` | `oklch(48.59% 0.1004 342.11)` | Grape Kiss | white, 6.7 to 1 |
| 22 | `#7e3c62` | `oklch(45.41% 0.1036 346.60)` | Pleasure | white, 7.7 to 1 |
| 23 | `#773256` | `oklch(42.38% 0.1053 349.97)` | Possessed Plum | white, 8.8 to 1 |
| 24 | `#6f2a4d` | `oklch(39.62% 0.1051 351.92)` | Bordeaux Red | white, 9.9 to 1 |
| 25 | `#662446` | `oklch(37.09% 0.1024 352.00)` | Witch Soup | white, 10.9 to 1 |
| 26 | `#5c2040` | `oklch(34.60% 0.0968 350.06)` | Soul Anchor | white, 12 to 1 |
| 27 | `#521d3c` | `oklch(32.20% 0.0893 346.64)` | Tulip Poplar Purple | white, 13.1 to 1 |
| 28 | `#481a39` | `oklch(29.92% 0.0805 342.29)` | Chilli Black Red | white, 14.1 to 1 |
| 29 | `#3e1935` | `oklch(27.84% 0.0715 337.57)` | Blackberry | white, 15.1 to 1 |
| 30 | `#351731` | `oklch(25.99% 0.0630 333.04)` | Nightly Voyager | white, 15.9 to 1 |
| 31 | `#2f152d` | `oklch(24.44% 0.0559 329.26)` | Cultist Robe | white, 16.5 to 1 |
| 32 | `#2a142a` | `oklch(23.23% 0.0510 326.78)` | Dark Prom Queen | white, 17 to 1 |

## CSS

```css
background: linear-gradient(164deg, #e5edf2 0.0%, #dfe9ef 3.2%, #d8e3ec 6.5%, #cfdce8 9.7%, #c6d4e3 12.9%, #bdccdf 16.1%, #b4c4da 19.4%, #adbcd6 22.6%, #a8b4d2 25.8%, #a4adcf 29.0%, #a1a5cb 32.3%, #a09ec7 35.5%, #9f96c2 38.7%, #9e8ebc 41.9%, #9d85b5 45.2%, #9b7dac 48.4%, #9873a2 51.6%, #956897 54.8%, #905d8a 58.1%, #8b527d 61.3%, #85466f 64.5%, #7e3c62 67.7%, #773256 71.0%, #6f2a4d 74.2%, #662446 77.4%, #5c2040 80.6%, #521d3c 83.9%, #481a39 87.1%, #3e1935 90.3%, #351731 93.5%, #2f152d 96.8%, #2a142a 100.0%);
background: linear-gradient(164deg in oklch, oklch(94.09% 0.0110 234.84) 0.0%, oklch(92.76% 0.0137 237.25) 3.2%, oklch(90.97% 0.0171 240.33) 6.5%, oklch(88.84% 0.0213 243.99) 9.7%, oklch(86.48% 0.0259 248.13) 12.9%, oklch(84.01% 0.0308 252.68) 16.1%, oklch(81.54% 0.0358 257.55) 19.4%, oklch(79.18% 0.0406 262.64) 22.6%, oklch(77.05% 0.0452 267.88) 25.8%, oklch(75.10% 0.0498 273.69) 29.0%, oklch(73.25% 0.0546 280.06) 32.3%, oklch(71.44% 0.0595 286.81) 35.5%, oklch(69.61% 0.0643 293.71) 38.7%, oklch(67.70% 0.0691 300.58) 41.9%, oklch(65.65% 0.0736 307.19) 45.2%, oklch(63.42% 0.0779 313.36) 48.4%, oklch(60.91% 0.0820 319.04) 51.6%, oklch(58.09% 0.0866 324.96) 54.8%, oklch(55.03% 0.0915 330.98) 58.1%, oklch(51.83% 0.0963 336.80) 61.3%, oklch(48.59% 0.1004 342.11) 64.5%, oklch(45.41% 0.1036 346.60) 67.7%, oklch(42.38% 0.1053 349.97) 71.0%, oklch(39.62% 0.1051 351.92) 74.2%, oklch(37.09% 0.1024 352.00) 77.4%, oklch(34.60% 0.0968 350.06) 80.6%, oklch(32.20% 0.0893 346.64) 83.9%, oklch(29.92% 0.0805 342.29) 87.1%, oklch(27.84% 0.0715 337.57) 90.3%, oklch(25.99% 0.0630 333.04) 93.5%, oklch(24.44% 0.0559 329.26) 96.8%, oklch(23.23% 0.0510 326.78) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.011 | 234.8 |
| 2 | 0.776 | 0.044 | 266.5 |
| 3 | 0.622 | 0.08 | 316.2 |
| 4 | 0.39 | 0.105 | 352.1 |
| 5 | 0.232 | 0.051 | 326.8 |

## In these collections

- [Opera aesthetic](https://grabient.com/opera-aesthetic)

## Other forms

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