# Rainy day and tea gradient

Analogous gray, pink and brown linear gradient with 32 colors: #485668, #4c596c, #515e70, #566376, #5d697d, #646f83, #6b758a, #727b91, #798096, #81869c, #898ba1, #9190a6, #9995aa, #a19aaf, #a99fb2, #b0a3b6, #b7a7b8, #bfabba, #c8aebb, #d0b2bb, #d7b5ba, #dcb8b7, #e0bab3, #e1baad, #e0b8a7, #deb39e, #daac93, #d5a588, #d09c7c, #cb9472, #c78e69, #c48a62. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous gray, pink and brown linear gradient
- Seed: `kWchm1zAzBt4LRdoEkl1qDBo`
- Page: https://grabient.com/kWchm1zAzBt4LRdoEkl1qDBo?steps=32&angle=0
- Drawn as: linear gradient, 32 steps, 0 degrees
- Kinds: light center, neutral
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.2 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 | `#485668` | `oklch(44.88% 0.0344 255.23)` | Rainmaker | white, 7.4 to 1 |
| 2 | `#4c596c` | `oklch(46.09% 0.0345 256.17)` | Bering Sea | white, 7 to 1 |
| 3 | `#515e70` | `oklch(47.70% 0.0346 257.14)` | Vintage Indigo | white, 6.6 to 1 |
| 4 | `#566376` | `oklch(49.62% 0.0346 258.28)` | Midnight Shadow | white, 6 to 1 |
| 5 | `#5d697d` | `oklch(51.75% 0.0347 259.73)` | Spinning Blue | white, 5.5 to 1 |
| 6 | `#646f83` | `oklch(53.98% 0.0348 261.60)` | Shutter Blue | white, 5 to 1 |
| 7 | `#6b758a` | `oklch(56.22% 0.0347 264.04)` | Blue Aura | white, 4.6 to 1 |
| 8 | `#727b91` | `oklch(58.36% 0.0346 267.16)` | Smokey Denim | black, 4.9 to 1 |
| 9 | `#798096` | `oklch(60.31% 0.0344 271.09)` | Your Shadow | black, 5.3 to 1 |
| 10 | `#81869c` | `oklch(62.24% 0.0338 275.73)` | Top Shelf | black, 5.7 to 1 |
| 11 | `#898ba1` | `oklch(64.20% 0.0329 280.98)` | Violet Verbena | black, 6.2 to 1 |
| 12 | `#9190a6` | `oklch(66.16% 0.0318 286.83)` | Cotton Flannel | black, 6.7 to 1 |
| 13 | `#9995aa` | `oklch(68.09% 0.0308 293.23)` | Purple Surf | black, 7.2 to 1 |
| 14 | `#a19aaf` | `oklch(69.94% 0.0301 300.18)` | Lavender Aura | black, 7.7 to 1 |
| 15 | `#a99fb2` | `oklch(71.68% 0.0297 307.63)` | Grapeade | black, 8.2 to 1 |
| 16 | `#b0a3b6` | `oklch(73.28% 0.0299 315.56)` | Obi Lilac | black, 8.7 to 1 |
| 17 | `#b7a7b8` | `oklch(74.74% 0.0309 324.14)` | Amorphous Rose | black, 9.2 to 1 |
| 18 | `#bfabba` | `oklch(76.26% 0.0323 334.30)` | Lavender Frost | black, 9.7 to 1 |
| 19 | `#c8aebb` | `oklch(77.79% 0.0341 345.64)` | Scented Frill | black, 10.2 to 1 |
| 20 | `#d0b2bb` | `oklch(79.21% 0.0363 357.55)` | Candlelight Dinner | black, 10.7 to 1 |
| 21 | `#d7b5ba` | `oklch(80.44% 0.0389 9.40)` | Floss | black, 11.2 to 1 |
| 22 | `#dcb8b7` | `oklch(81.38% 0.0418 20.57)` | Rose Hip Tonic | black, 11.5 to 1 |
| 23 | `#e0bab3` | `oklch(81.92% 0.0451 30.44)` | Cavern Pink | black, 11.8 to 1 |
| 24 | `#e1baad` | `oklch(81.97% 0.0487 38.39)` | Pickled Pork | black, 11.8 to 1 |
| 25 | `#e0b8a7` | `oklch(81.35% 0.0528 44.09)` | Smoky Salmon | black, 11.5 to 1 |
| 26 | `#deb39e` | `oklch(79.97% 0.0580 48.08)` | Mesa Sand | black, 11 to 1 |
| 27 | `#daac93` | `oklch(78.04% 0.0639 50.70)` | Arizona Dust | black, 10.3 to 1 |
| 28 | `#d5a588` | `oklch(75.79% 0.0700 52.28)` | Yolande | black, 9.5 to 1 |
| 29 | `#d09c7c` | `oklch(73.44% 0.0761 53.16)` | Darling Clementine | black, 8.7 to 1 |
| 30 | `#cb9472` | `oklch(71.22% 0.0816 53.66)` | Surprise | black, 8 to 1 |
| 31 | `#c78e69` | `oklch(69.37% 0.0862 54.09)` | Shiracha Brown | black, 7.4 to 1 |
| 32 | `#c48a62` | `oklch(68.11% 0.0896 54.80)` | Copper Hide | black, 7.1 to 1 |

## CSS

```css
background: linear-gradient(0deg, #485668 0.0%, #4c596c 3.2%, #515e70 6.5%, #566376 9.7%, #5d697d 12.9%, #646f83 16.1%, #6b758a 19.4%, #727b91 22.6%, #798096 25.8%, #81869c 29.0%, #898ba1 32.3%, #9190a6 35.5%, #9995aa 38.7%, #a19aaf 41.9%, #a99fb2 45.2%, #b0a3b6 48.4%, #b7a7b8 51.6%, #bfabba 54.8%, #c8aebb 58.1%, #d0b2bb 61.3%, #d7b5ba 64.5%, #dcb8b7 67.7%, #e0bab3 71.0%, #e1baad 74.2%, #e0b8a7 77.4%, #deb39e 80.6%, #daac93 83.9%, #d5a588 87.1%, #d09c7c 90.3%, #cb9472 93.5%, #c78e69 96.8%, #c48a62 100.0%);
background: linear-gradient(0deg in oklch, oklch(44.88% 0.0344 255.23) 0.0%, oklch(46.09% 0.0345 256.17) 3.2%, oklch(47.70% 0.0346 257.14) 6.5%, oklch(49.62% 0.0346 258.28) 9.7%, oklch(51.75% 0.0347 259.73) 12.9%, oklch(53.98% 0.0348 261.60) 16.1%, oklch(56.22% 0.0347 264.04) 19.4%, oklch(58.36% 0.0346 267.16) 22.6%, oklch(60.31% 0.0344 271.09) 25.8%, oklch(62.24% 0.0338 275.73) 29.0%, oklch(64.20% 0.0329 280.98) 32.3%, oklch(66.16% 0.0318 286.83) 35.5%, oklch(68.09% 0.0308 293.23) 38.7%, oklch(69.94% 0.0301 300.18) 41.9%, oklch(71.68% 0.0297 307.63) 45.2%, oklch(73.28% 0.0299 315.56) 48.4%, oklch(74.74% 0.0309 324.14) 51.6%, oklch(76.26% 0.0323 334.30) 54.8%, oklch(77.79% 0.0341 345.64) 58.1%, oklch(79.21% 0.0363 357.55) 61.3%, oklch(80.44% 0.0389 9.40) 64.5%, oklch(81.38% 0.0418 20.57) 67.7%, oklch(81.92% 0.0451 30.44) 71.0%, oklch(81.97% 0.0487 38.39) 74.2%, oklch(81.35% 0.0528 44.09) 77.4%, oklch(79.97% 0.0580 48.08) 80.6%, oklch(78.04% 0.0639 50.70) 83.9%, oklch(75.79% 0.0700 52.28) 87.1%, oklch(73.44% 0.0761 53.16) 90.3%, oklch(71.22% 0.0816 53.66) 93.5%, oklch(69.37% 0.0862 54.09) 96.8%, oklch(68.11% 0.0896 54.80) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.449 | 0.034 | 255.2 |
| 2 | 0.598 | 0.034 | 270 |
| 3 | 0.74 | 0.03 | 319.7 |
| 4 | 0.819 | 0.05 | 400 |
| 5 | 0.681 | 0.09 | 414.8 |

## In these collections

- [Cozy color palette](https://grabient.com/cozy-color-palette)

## Other forms

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