# Stairwell Fluorescents

Nine pale-to-forest stripes, like the fluorescent tubes and painted block walls of a stairwell nobody uses. Runs bottom to top.

- Also called: Dark green, beige and off-white linear swatches
- Seed: `kWVRVozJW_micPj4F73fQ0-g`
- Page: https://grabient.com/kWVRVozJW_micPj4F73fQ0-g?style=linearSwatches&steps=9&angle=270
- Drawn as: linear swatches, 9 steps, 270 degrees
- Kinds: dark to light, pastel, light
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.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 | `#2d3b2e` | `oklch(33.46% 0.0289 146.95)` | Sound of Silence | white, 11.8 to 1 |
| 2 | `#475d48` | `oklch(45.47% 0.0430 146.29)` | Muddy Olive | white, 7.1 to 1 |
| 3 | `#6c8b6a` | `oklch(60.24% 0.0593 143.78)` | Kashmir | black, 5.5 to 1 |
| 4 | `#90b084` | `oklch(72.17% 0.0709 137.31)` | Pear Cactus | black, 8.7 to 1 |
| 5 | `#b6cf9a` | `oklch(82.28% 0.0772 128.99)` | Fava Bean | black, 12.4 to 1 |
| 6 | `#d6e4ad` | `oklch(89.52% 0.0739 119.81)` | Lasting Thoughts | black, 15.5 to 1 |
| 7 | `#eef2c0` | `oklch(94.49% 0.0648 111.02)` | Feijoa Flower | black, 18 to 1 |
| 8 | `#fbf8d2` | `oklch(97.22% 0.0495 104.09)` | Focus on Light | black, 19.4 to 1 |
| 9 | `#fffbe1` | `oklch(98.42% 0.0334 99.42)` | Fioletowy Beige | black, 20.1 to 1 |

## CSS

```css
background: linear-gradient(270deg, #2d3b2e 0.000% 11.111%, #475d48 11.111% 22.222%, #6c8b6a 22.222% 33.333%, #90b084 33.333% 44.444%, #b6cf9a 44.444% 55.556%, #d6e4ad 55.556% 66.667%, #eef2c0 66.667% 77.778%, #fbf8d2 77.778% 88.889%, #fffbe1 88.889% 100.000%);
background: linear-gradient(270deg, oklch(33.46% 0.0289 146.95) 0.000% 11.111%, oklch(45.47% 0.0430 146.29) 11.111% 22.222%, oklch(60.24% 0.0593 143.78) 22.222% 33.333%, oklch(72.17% 0.0709 137.31) 33.333% 44.444%, oklch(82.28% 0.0772 128.99) 44.444% 55.556%, oklch(89.52% 0.0739 119.81) 55.556% 66.667%, oklch(94.49% 0.0648 111.02) 66.667% 77.778%, oklch(97.22% 0.0495 104.09) 77.778% 88.889%, oklch(98.42% 0.0334 99.42) 88.889% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.335 | 0.029 | 147 |
| 2 | 0.602 | 0.059 | 143.8 |
| 3 | 0.823 | 0.077 | 129 |
| 4 | 0.945 | 0.065 | 111 |
| 5 | 0.984 | 0.036 | 99.4 |

## In these collections

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

## Other forms

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