# Ochre and dusty blue library card nostalgia

Monochrome tan to dark gray linear gradient with 32 colors: #dbb772, #d9b36e, #d7af69, #d5aa63, #d2a55c, #cf9f56, #cb9950, #c7934a, #c28d45, #bc8640, #b67f3b, #b07936, #aa7233, #a36c2f, #9c662c, #956029, #8e5a27, #875426, #804f26, #794b28, #72472a, #6a442d, #634130, #5c3f33, #563c35, #523b38, #4f393c, #4d3942, #4a3a48, #453c4e, #403e52, #3c3f53. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome tan to dark gray linear gradient
- Seed: `kYykY62qe_EsmPu7Hj7MAy8i-Mss`
- Page: https://grabient.com/kYykY62qe_EsmPu7Hj7MAy8i-Mss?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light to dark, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.5 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 | `#dbb772` | `oklch(79.53% 0.0965 82.27)` | Harpswell Green | black, 10.9 to 1 |
| 2 | `#d9b36e` | `oklch(78.71% 0.0979 81.50)` | Yellow Lab | black, 10.6 to 1 |
| 3 | `#d7af69` | `oklch(77.61% 0.1001 80.46)` | Butterscotch Bliss | black, 10.2 to 1 |
| 4 | `#d5aa63` | `oklch(76.30% 0.1027 79.23)` | Streusel Cake | black, 9.7 to 1 |
| 5 | `#d2a55c` | `oklch(74.82% 0.1052 77.87)` | Burnside | black, 9.2 to 1 |
| 6 | `#cf9f56` | `oklch(73.23% 0.1073 76.48)` | Bright Gold | black, 8.7 to 1 |
| 7 | `#cb9950` | `oklch(71.59% 0.1087 75.13)` | Gingerbread House | black, 8.2 to 1 |
| 8 | `#c7934a` | `oklch(69.88% 0.1093 73.84)` | Narcissus | black, 7.6 to 1 |
| 9 | `#c28d45` | `oklch(68.02% 0.1094 72.52)` | Garden Ochre | black, 7.1 to 1 |
| 10 | `#bc8640` | `oklch(66.04% 0.1091 71.18)` | Golden Slumber | black, 6.6 to 1 |
| 11 | `#b67f3b` | `oklch(63.99% 0.1084 69.81)` | Gilded Gold | black, 6.1 to 1 |
| 12 | `#b07936` | `oklch(61.92% 0.1072 68.42)` | Butterbeer | black, 5.6 to 1 |
| 13 | `#aa7233` | `oklch(59.86% 0.1055 66.99)` | Deer Leather | black, 5.1 to 1 |
| 14 | `#a36c2f` | `oklch(57.83% 0.1034 65.62)` | Eagle | black, 4.7 to 1 |
| 15 | `#9c662c` | `oklch(55.73% 0.1010 64.50)` | Caramel Kisses | white, 4.8 to 1 |
| 16 | `#956029` | `oklch(53.60% 0.0981 63.47)` | Chilli Con Carne | white, 5.2 to 1 |
| 17 | `#8e5a27` | `oklch(51.48% 0.0947 62.29)` | Caramel Café | white, 5.7 to 1 |
| 18 | `#875426` | `oklch(49.44% 0.0907 60.74)` | Precious Copper | white, 6.3 to 1 |
| 19 | `#804f26` | `oklch(47.52% 0.0859 58.58)` | Valise | white, 6.8 to 1 |
| 20 | `#794b28` | `oklch(45.77% 0.0802 55.76)` | Urban Auburn | white, 7.3 to 1 |
| 21 | `#72472a` | `oklch(44.07% 0.0726 53.37)` | Fawn Brown | white, 7.9 to 1 |
| 22 | `#6a442d` | `oklch(42.44% 0.0637 51.03)` | Aloeswood | white, 8.4 to 1 |
| 23 | `#634130` | `oklch(40.93% 0.0544 47.92)` | Grilled | white, 9 to 1 |
| 24 | `#5c3f33` | `oklch(39.59% 0.0457 43.25)` | Espresso Bar | white, 9.5 to 1 |
| 25 | `#563c35` | `oklch(38.48% 0.0385 36.22)` | Vixen | white, 9.9 to 1 |
| 26 | `#523b38` | `oklch(37.66% 0.0337 25.98)` | Royal Brown | white, 10.3 to 1 |
| 27 | `#4f393c` | `oklch(37.19% 0.0314 10.41)` | Dark Puce | white, 10.5 to 1 |
| 28 | `#4d3942` | `oklch(37.03% 0.0309 350.58)` | Royal Silk | white, 10.5 to 1 |
| 29 | `#4a3a48` | `oklch(37.07% 0.0315 328.93)` | Funkie Friday | white, 10.5 to 1 |
| 30 | `#453c4e` | `oklch(37.21% 0.0327 307.90)` | Plum Island | white, 10.4 to 1 |
| 31 | `#403e52` | `oklch(37.35% 0.0339 289.91)` | Knighthood | white, 10.3 to 1 |
| 32 | `#3c3f53` | `oklch(37.40% 0.0344 277.41)` | Knighthood | white, 10.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #dbb772 0.0%, #d9b36e 3.2%, #d7af69 6.5%, #d5aa63 9.7%, #d2a55c 12.9%, #cf9f56 16.1%, #cb9950 19.4%, #c7934a 22.6%, #c28d45 25.8%, #bc8640 29.0%, #b67f3b 32.3%, #b07936 35.5%, #aa7233 38.7%, #a36c2f 41.9%, #9c662c 45.2%, #956029 48.4%, #8e5a27 51.6%, #875426 54.8%, #804f26 58.1%, #794b28 61.3%, #72472a 64.5%, #6a442d 67.7%, #634130 71.0%, #5c3f33 74.2%, #563c35 77.4%, #523b38 80.6%, #4f393c 83.9%, #4d3942 87.1%, #4a3a48 90.3%, #453c4e 93.5%, #403e52 96.8%, #3c3f53 100.0%);
background: linear-gradient(90deg in oklch, oklch(79.53% 0.0965 82.27) 0.0%, oklch(78.71% 0.0979 81.50) 3.2%, oklch(77.61% 0.1001 80.46) 6.5%, oklch(76.30% 0.1027 79.23) 9.7%, oklch(74.82% 0.1052 77.87) 12.9%, oklch(73.23% 0.1073 76.48) 16.1%, oklch(71.59% 0.1087 75.13) 19.4%, oklch(69.88% 0.1093 73.84) 22.6%, oklch(68.02% 0.1094 72.52) 25.8%, oklch(66.04% 0.1091 71.18) 29.0%, oklch(63.99% 0.1084 69.81) 32.3%, oklch(61.92% 0.1072 68.42) 35.5%, oklch(59.86% 0.1055 66.99) 38.7%, oklch(57.83% 0.1034 65.62) 41.9%, oklch(55.73% 0.1010 64.50) 45.2%, oklch(53.60% 0.0981 63.47) 48.4%, oklch(51.48% 0.0947 62.29) 51.6%, oklch(49.44% 0.0907 60.74) 54.8%, oklch(47.52% 0.0859 58.58) 58.1%, oklch(45.77% 0.0802 55.76) 61.3%, oklch(44.07% 0.0726 53.37) 64.5%, oklch(42.44% 0.0637 51.03) 67.7%, oklch(40.93% 0.0544 47.92) 71.0%, oklch(39.59% 0.0457 43.25) 74.2%, oklch(38.48% 0.0385 36.22) 77.4%, oklch(37.66% 0.0337 25.98) 80.6%, oklch(37.19% 0.0314 10.41) 83.9%, oklch(37.03% 0.0309 350.58) 87.1%, oklch(37.07% 0.0315 328.93) 90.3%, oklch(37.21% 0.0327 307.90) 93.5%, oklch(37.35% 0.0339 289.91) 96.8%, oklch(37.40% 0.0344 277.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.795 | 0.096 | 82.3 |
| 2 | 0.713 | 0.109 | 74.9 |
| 3 | 0.591 | 0.105 | 66.4 |
| 4 | 0.465 | 0.083 | 56.9 |
| 5 | 0.378 | 0.034 | 28.4 |
| 6 | 0.374 | 0.034 | -82.6 |

## In these collections

- [Library card nostalgia](https://grabient.com/library-card-nostalgia)

## Other forms

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