# Rose gilt cabaret diagonal

Light blue, brown, mauve and blue linear gradient with 48 colors: #e5edf2, #dbe9ee, #cfe3e8, #bfdddf, #b0d6d0, #a3cebd, #9cc4a5, #9cb88a, #a1ab70, #a89c59, #ae8e48, #b28140, #b4773f, #b57043, #b56b49, #b4694f, #b46856, #b3685c, #b16962, #af6a67, #ac6b6c, #a86b6f, #a26972, #9b6773, #926273, #855c70, #75546b, #644b63, #534159, #42374d, #332e41, #262535, #1b1d2a, #141722, #0f131b, #0c1118, #0d1219, #10161d, #151c24, #1d242e, #262e3b, #313949, #3c4558, #495167, #555c75, #616682, #6a6f8d, #717595. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Light blue, brown, mauve and blue linear gradient
- Seed: `kW7winT6YrseYuGWhjOyJJCo`
- Page: https://grabient.com/kW7winT6YrseYuGWhjOyJJCo?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: dark center, muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 15.9 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 | `#dbe9ee` | `oklch(92.45% 0.0161 226.01)` | Sidewalk Chalk Blue | black, 16.8 to 1 |
| 3 | `#cfe3e8` | `oklch(90.28% 0.0231 214.44)` | Open Skies | black, 15.8 to 1 |
| 4 | `#bfdddf` | `oklch(87.67% 0.0315 200.64)` | Infinitesimal Blue | black, 14.6 to 1 |
| 5 | `#b0d6d0` | `oklch(84.74% 0.0410 185.12)` | Sugar Pool | black, 13.3 to 1 |
| 6 | `#a3cebd` | `oklch(81.59% 0.0511 168.41)` | Tareyton | black, 12.1 to 1 |
| 7 | `#9cc4a5` | `oklch(78.33% 0.0615 151.02)` | Aroma Garden | black, 10.8 to 1 |
| 8 | `#9cb88a` | `oklch(75.06% 0.0717 133.46)` | Green Snow | black, 9.6 to 1 |
| 9 | `#a1ab70` | `oklch(71.88% 0.0813 116.25)` | Siamese Green | black, 8.5 to 1 |
| 10 | `#a89c59` | `oklch(68.90% 0.0898 99.91)` | Tallarn Sand | black, 7.5 to 1 |
| 11 | `#ae8e48` | `oklch(66.23% 0.0969 84.95)` | Plaguelands Beige | black, 6.7 to 1 |
| 12 | `#b28140` | `oklch(63.96% 0.1022 71.89)` | Amber Romance | black, 6.1 to 1 |
| 13 | `#b4773f` | `oklch(62.21% 0.1053 61.21)` | Gold Metal | black, 5.6 to 1 |
| 14 | `#b57043` | `oklch(61.02% 0.1064 52.53)` | Dune Spice | black, 5.3 to 1 |
| 15 | `#b56b49` | `oklch(60.29% 0.1060 45.36)` | Autumn Leaf | black, 5.1 to 1 |
| 16 | `#b4694f` | `oklch(59.93% 0.1043 39.42)` | Amber Brown | black, 5 to 1 |
| 17 | `#b46856` | `oklch(59.81% 0.1015 34.45)` | Deathclaw Brown | black, 5 to 1 |
| 18 | `#b3685c` | `oklch(59.84% 0.0978 30.17)` | Henna Shade | black, 5 to 1 |
| 19 | `#b16962` | `oklch(59.92% 0.0935 26.30)` | Peach Dunes | black, 5 to 1 |
| 20 | `#af6a67` | `oklch(59.93% 0.0887 22.58)` | Jabłoński Brown | black, 5 to 1 |
| 21 | `#ac6b6c` | `oklch(59.76% 0.0837 18.72)` | Jabłoński Brown | black, 5 to 1 |
| 22 | `#a86b6f` | `oklch(59.32% 0.0787 14.46)` | Delhi Spice | black, 4.9 to 1 |
| 23 | `#a26972` | `oklch(58.49% 0.0739 9.52)` | High Country Rose | black, 4.8 to 1 |
| 24 | `#9b6773` | `oklch(57.18% 0.0695 3.63)` | Nouveau Rose | white, 4.5 to 1 |
| 25 | `#926273` | `oklch(55.22% 0.0655 356.51)` | Forest Berry | white, 4.9 to 1 |
| 26 | `#855c70` | `oklch(52.39% 0.0611 348.07)` | Tulipwood | white, 5.6 to 1 |
| 27 | `#75546b` | `oklch(48.83% 0.0561 338.60)` | Hothouse Orchid | white, 6.5 to 1 |
| 28 | `#644b63` | `oklch(44.75% 0.0507 328.40)` | Bunchberry | white, 7.7 to 1 |
| 29 | `#534159` | `oklch(40.35% 0.0452 317.77)` | Purple Bloom | white, 9.2 to 1 |
| 30 | `#42374d` | `oklch(35.83% 0.0397 307.04)` | Call It a Night | white, 11.1 to 1 |
| 31 | `#332e41` | `oklch(31.41% 0.0343 296.50)` | Oil Rush | white, 13 to 1 |
| 32 | `#262535` | `oklch(27.28% 0.0294 286.47)` | Cold Steel | white, 15 to 1 |
| 33 | `#1b1d2a` | `oklch(23.64% 0.0249 277.26)` | Coarse Wool | white, 16.6 to 1 |
| 34 | `#141722` | `oklch(20.70% 0.0212 269.17)` | River Styx | white, 17.8 to 1 |
| 35 | `#0f131b` | `oklch(18.67% 0.0185 262.52)` | Midnight Edition | white, 18.5 to 1 |
| 36 | `#0c1118` | `oklch(17.75% 0.0168 257.60)` | Midnight Edition | white, 18.8 to 1 |
| 37 | `#0d1219` | `oklch(18.12% 0.0164 254.66)` | Midnight Edition | white, 18.7 to 1 |
| 38 | `#10161d` | `oklch(19.75% 0.0172 253.53)` | Kuroi Black | white, 18.1 to 1 |
| 39 | `#151c24` | `oklch(22.40% 0.0192 253.91)` | Coarse Wool | white, 17.1 to 1 |
| 40 | `#1d242e` | `oklch(25.88% 0.0220 255.53)` | Dark | white, 15.5 to 1 |
| 41 | `#262e3b` | `oklch(29.96% 0.0255 258.12)` | Chimney Sweep | white, 13.6 to 1 |
| 42 | `#313949` | `oklch(34.42% 0.0294 261.39)` | Biro Blue | white, 11.5 to 1 |
| 43 | `#3c4558` | `oklch(39.04% 0.0335 265.08)` | Blue Vortex | white, 9.6 to 1 |
| 44 | `#495167` | `oklch(43.62% 0.0376 268.89)` | Vintage Velvet | white, 7.9 to 1 |
| 45 | `#555c75` | `oklch(47.93% 0.0415 272.56)` | Agate Violet | white, 6.5 to 1 |
| 46 | `#616682` | `oklch(51.76% 0.0449 275.81)` | Spaceman | white, 5.6 to 1 |
| 47 | `#6a6f8d` | `oklch(54.88% 0.0477 278.36)` | Dark Prince | white, 4.9 to 1 |
| 48 | `#717595` | `oklch(57.09% 0.0496 279.93)` | Iris Eyes | black, 4.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #e5edf2 0.0%, #dbe9ee 2.1%, #cfe3e8 4.3%, #bfdddf 6.4%, #b0d6d0 8.5%, #a3cebd 10.6%, #9cc4a5 12.8%, #9cb88a 14.9%, #a1ab70 17.0%, #a89c59 19.1%, #ae8e48 21.3%, #b28140 23.4%, #b4773f 25.5%, #b57043 27.7%, #b56b49 29.8%, #b4694f 31.9%, #b46856 34.0%, #b3685c 36.2%, #b16962 38.3%, #af6a67 40.4%, #ac6b6c 42.6%, #a86b6f 44.7%, #a26972 46.8%, #9b6773 48.9%, #926273 51.1%, #855c70 53.2%, #75546b 55.3%, #644b63 57.4%, #534159 59.6%, #42374d 61.7%, #332e41 63.8%, #262535 66.0%, #1b1d2a 68.1%, #141722 70.2%, #0f131b 72.3%, #0c1118 74.5%, #0d1219 76.6%, #10161d 78.7%, #151c24 80.9%, #1d242e 83.0%, #262e3b 85.1%, #313949 87.2%, #3c4558 89.4%, #495167 91.5%, #555c75 93.6%, #616682 95.7%, #6a6f8d 97.9%, #717595 100.0%);
background: linear-gradient(135deg in oklch, oklch(94.09% 0.0110 234.84) 0.0%, oklch(92.45% 0.0161 226.01) 2.1%, oklch(90.28% 0.0231 214.44) 4.3%, oklch(87.67% 0.0315 200.64) 6.4%, oklch(84.74% 0.0410 185.12) 8.5%, oklch(81.59% 0.0511 168.41) 10.6%, oklch(78.33% 0.0615 151.02) 12.8%, oklch(75.06% 0.0717 133.46) 14.9%, oklch(71.88% 0.0813 116.25) 17.0%, oklch(68.90% 0.0898 99.91) 19.1%, oklch(66.23% 0.0969 84.95) 21.3%, oklch(63.96% 0.1022 71.89) 23.4%, oklch(62.21% 0.1053 61.21) 25.5%, oklch(61.02% 0.1064 52.53) 27.7%, oklch(60.29% 0.1060 45.36) 29.8%, oklch(59.93% 0.1043 39.42) 31.9%, oklch(59.81% 0.1015 34.45) 34.0%, oklch(59.84% 0.0978 30.17) 36.2%, oklch(59.92% 0.0935 26.30) 38.3%, oklch(59.93% 0.0887 22.58) 40.4%, oklch(59.76% 0.0837 18.72) 42.6%, oklch(59.32% 0.0787 14.46) 44.7%, oklch(58.49% 0.0739 9.52) 46.8%, oklch(57.18% 0.0695 3.63) 48.9%, oklch(55.22% 0.0655 356.51) 51.1%, oklch(52.39% 0.0611 348.07) 53.2%, oklch(48.83% 0.0561 338.60) 55.3%, oklch(44.75% 0.0507 328.40) 57.4%, oklch(40.35% 0.0452 317.77) 59.6%, oklch(35.83% 0.0397 307.04) 61.7%, oklch(31.41% 0.0343 296.50) 63.8%, oklch(27.28% 0.0294 286.47) 66.0%, oklch(23.64% 0.0249 277.26) 68.1%, oklch(20.70% 0.0212 269.17) 70.2%, oklch(18.67% 0.0185 262.52) 72.3%, oklch(17.75% 0.0168 257.60) 74.5%, oklch(18.12% 0.0164 254.66) 76.6%, oklch(19.75% 0.0172 253.53) 78.7%, oklch(22.40% 0.0192 253.91) 80.9%, oklch(25.88% 0.0220 255.53) 83.0%, oklch(29.96% 0.0255 258.12) 85.1%, oklch(34.42% 0.0294 261.39) 87.2%, oklch(39.04% 0.0335 265.08) 89.4%, oklch(43.62% 0.0376 268.89) 91.5%, oklch(47.93% 0.0415 272.56) 93.6%, oklch(51.76% 0.0449 275.81) 95.7%, oklch(54.88% 0.0477 278.36) 97.9%, oklch(57.09% 0.0496 279.93) 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.626 | 0.105 | 63.7 |
| 3 | 0.563 | 0.068 | 0.2 |
| 4 | 0.177 | 0.017 | -103.3 |
| 5 | 0.571 | 0.05 | -80.1 |

## In these collections

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

## Other forms

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