# Parking Garage, Level Three

Concrete gray sweeping around a ramp to a single painted yellow line. The angular seam is the point.

- Also called: Monochrome black, gray and tan angular gradient
- Seed: `kWPQe_LwW_cWDv_fCisaS7AQ`
- Page: https://grabient.com/kWPQe_LwW_cWDv_fCisaS7AQ?style=angularGradient&steps=36&angle=315
- Drawn as: angular gradient, 36 steps, 315 degrees
- Kinds: dark to light, neutral
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 9.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 | `#1d1f24` | `oklch(24.02% 0.0096 268.59)` | Inkwell Inception | white, 16.4 to 1 |
| 2 | `#1f2126` | `oklch(24.89% 0.0101 268.28)` | Noble Black | white, 16 to 1 |
| 3 | `#222429` | `oklch(26.01% 0.0108 267.83)` | Dark Gunmetal | white, 15.5 to 1 |
| 4 | `#25272d` | `oklch(27.33% 0.0116 267.29)` | Black Grey | white, 14.9 to 1 |
| 5 | `#282b31` | `oklch(28.81% 0.0124 266.71)` | Night Sky | white, 14.2 to 1 |
| 6 | `#2c2f36` | `oklch(30.43% 0.0133 266.10)` | Suit Blue | white, 13.4 to 1 |
| 7 | `#30333b` | `oklch(32.14% 0.0141 265.53)` | Granite Black | white, 12.6 to 1 |
| 8 | `#343840` | `oklch(33.90% 0.0147 265.01)` | Antarctic Deep | white, 11.8 to 1 |
| 9 | `#383c44` | `oklch(35.68% 0.0151 264.59)` | Do Not Disturb | white, 11 to 1 |
| 10 | `#3d4149` | `oklch(37.45% 0.0151 264.38)` | Napoleon | white, 10.2 to 1 |
| 11 | `#42464e` | `oklch(39.27% 0.0147 265.69)` | Alpine Duck Grey | white, 9.5 to 1 |
| 12 | `#484b53` | `oklch(41.17% 0.0139 268.40)` | Asphalt Blue | white, 8.7 to 1 |
| 13 | `#4d5058` | `oklch(43.14% 0.0129 271.71)` | Abbey | white, 8 to 1 |
| 14 | `#54555c` | `oklch(45.17% 0.0118 274.80)` | Coal Tipple | white, 7.3 to 1 |
| 15 | `#5a5b62` | `oklch(47.24% 0.0107 276.87)` | Blackish Grey | white, 6.7 to 1 |
| 16 | `#606167` | `oklch(49.35% 0.0098 277.11)` | Windsor Grey | white, 6.1 to 1 |
| 17 | `#66676d` | `oklch(51.49% 0.0093 274.70)` | Cracked Slate | white, 5.6 to 1 |
| 18 | `#6b6d73` | `oklch(53.64% 0.0094 268.84)` | Platinum Grey | white, 5.1 to 1 |
| 19 | `#70747a` | `oklch(55.83% 0.0099 258.49)` | Raven Grey | white, 4.6 to 1 |
| 20 | `#767c81` | `oklch(58.18% 0.0103 242.31)` | Tarnished Silver | black, 4.9 to 1 |
| 21 | `#7c8487` | `oklch(60.64% 0.0106 221.57)` | Garrison Grey | black, 5.4 to 1 |
| 22 | `#828c8c` | `oklch(63.17% 0.0112 197.86)` | Gunmetal Grey | black, 6 to 1 |
| 23 | `#8a9490` | `oklch(65.69% 0.0121 172.77)` | Storms Mountain | black, 6.7 to 1 |
| 24 | `#939b94` | `oklch(68.14% 0.0138 147.91)` | Acacia Haze | black, 7.3 to 1 |
| 25 | `#9da297` | `oklch(70.45% 0.0165 124.86)` | Riding Star | black, 8 to 1 |
| 26 | `#a8a799` | `oklch(72.55% 0.0205 105.22)` | Backdrop | black, 8.6 to 1 |
| 27 | `#b2ac9a` | `oklch(74.39% 0.0259 90.58)` | Gateway Pillar | black, 9.2 to 1 |
| 28 | `#bcaf99` | `oklch(75.94% 0.0336 81.74)` | British Khaki | black, 9.7 to 1 |
| 29 | `#c5b296` | `oklch(77.29% 0.0440 77.08)` | Beachside Villa | black, 10.1 to 1 |
| 30 | `#ceb491` | `oklch(78.45% 0.0565 75.72)` | Moraine | black, 10.5 to 1 |
| 31 | `#d6b789` | `oklch(79.44% 0.0702 76.84)` | Dubloon | black, 10.9 to 1 |
| 32 | `#dcb980` | `oklch(80.30% 0.0843 79.63)` | Honey Bunny | black, 11.2 to 1 |
| 33 | `#e0bc75` | `oklch(81.03% 0.0979 83.27)` | Swiftly Green | black, 11.5 to 1 |
| 34 | `#e2be6b` | `oklch(81.66% 0.1103 86.93)` | Crisps | black, 11.8 to 1 |
| 35 | `#e3c162` | `oklch(82.20% 0.1207 89.80)` | Candelabra | black, 12 to 1 |
| 36 | `#e5c35b` | `oklch(82.68% 0.1281 91.06)` | Tasman Honey Yellow | black, 12.2 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #1d1f24 0.0%, #1f2126 2.9%, #222429 5.7%, #25272d 8.6%, #282b31 11.4%, #2c2f36 14.3%, #30333b 17.1%, #343840 20.0%, #383c44 22.9%, #3d4149 25.7%, #42464e 28.6%, #484b53 31.4%, #4d5058 34.3%, #54555c 37.1%, #5a5b62 40.0%, #606167 42.9%, #66676d 45.7%, #6b6d73 48.6%, #70747a 51.4%, #767c81 54.3%, #7c8487 57.1%, #828c8c 60.0%, #8a9490 62.9%, #939b94 65.7%, #9da297 68.6%, #a8a799 71.4%, #b2ac9a 74.3%, #bcaf99 77.1%, #c5b296 80.0%, #ceb491 82.9%, #d6b789 85.7%, #dcb980 88.6%, #e0bc75 91.4%, #e2be6b 94.3%, #e3c162 97.1%, #e5c35b 100.0%);
background: conic-gradient(from 315deg in oklch, oklch(24.02% 0.0096 268.59) 0.0%, oklch(24.89% 0.0101 268.28) 2.9%, oklch(26.01% 0.0108 267.83) 5.7%, oklch(27.33% 0.0116 267.29) 8.6%, oklch(28.81% 0.0124 266.71) 11.4%, oklch(30.43% 0.0133 266.10) 14.3%, oklch(32.14% 0.0141 265.53) 17.1%, oklch(33.90% 0.0147 265.01) 20.0%, oklch(35.68% 0.0151 264.59) 22.9%, oklch(37.45% 0.0151 264.38) 25.7%, oklch(39.27% 0.0147 265.69) 28.6%, oklch(41.17% 0.0139 268.40) 31.4%, oklch(43.14% 0.0129 271.71) 34.3%, oklch(45.17% 0.0118 274.80) 37.1%, oklch(47.24% 0.0107 276.87) 40.0%, oklch(49.35% 0.0098 277.11) 42.9%, oklch(51.49% 0.0093 274.70) 45.7%, oklch(53.64% 0.0094 268.84) 48.6%, oklch(55.83% 0.0099 258.49) 51.4%, oklch(58.18% 0.0103 242.31) 54.3%, oklch(60.64% 0.0106 221.57) 57.1%, oklch(63.17% 0.0112 197.86) 60.0%, oklch(65.69% 0.0121 172.77) 62.9%, oklch(68.14% 0.0138 147.91) 65.7%, oklch(70.45% 0.0165 124.86) 68.6%, oklch(72.55% 0.0205 105.22) 71.4%, oklch(74.39% 0.0259 90.58) 74.3%, oklch(75.94% 0.0336 81.74) 77.1%, oklch(77.29% 0.0440 77.08) 80.0%, oklch(78.45% 0.0565 75.72) 82.9%, oklch(79.44% 0.0702 76.84) 85.7%, oklch(80.30% 0.0843 79.63) 88.6%, oklch(81.03% 0.0979 83.27) 91.4%, oklch(81.66% 0.1103 86.93) 94.3%, oklch(82.20% 0.1207 89.80) 97.1%, oklch(82.68% 0.1281 91.06) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.24 | 0.01 | 268.6 |
| 2 | 0.37 | 0.015 | 264.4 |
| 3 | 0.547 | 0.01 | 264.4 |
| 4 | 0.748 | 0.028 | 87.9 |
| 5 | 0.827 | 0.128 | 91.1 |

## In these collections

- [Liminal Places](https://grabient.com/liminal-places)

## Other forms

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