# Gray, tan, pink and dark green linear gradient

Gray, tan, pink and dark green linear gradient with 32 colors: #4b5661, #515d67, #5b6671, #66727c, #717e88, #7d8b94, #87979e, #93a3a7, #a3b2b2, #b6c0bd, #c7cdc8, #d3d6cf, #d9d9cd, #d9d1bd, #d4bc9e, #cd9d79, #c3795a, #b75647, #ac3a41, #a82b45, #ac2d52, #b63a61, #c24a70, #cf5b79, #d76779, #d66d6c, #c86e50, #ac6f32, #866e26, #60682f, #42603a, #32583f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYchCu1Ye9m-HMQ_OTYU7DATYWT-`
- Page: https://grabient.com/kYchCu1Ye9m-HMQ_OTYU7DATYWT-?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#4b5661` | `oklch(44.88% 0.0220 245.39)` | Dark Sea | white, 7.4 to 1 |
| 2 | `#515d67` | `oklch(47.25% 0.0219 244.44)` | Wizard Grey | white, 6.7 to 1 |
| 3 | `#5b6671` | `oklch(50.53% 0.0217 244.12)` | British Shorthair | white, 5.8 to 1 |
| 4 | `#66727c` | `oklch(54.41% 0.0215 243.35)` | Wharf View | white, 4.9 to 1 |
| 5 | `#717e88` | `oklch(58.59% 0.0212 241.06)` | Bay Wharf | black, 5 to 1 |
| 6 | `#7d8b94` | `oklch(62.76% 0.0210 236.15)` | Denim Drift | black, 5.9 to 1 |
| 7 | `#87979e` | `oklch(66.62% 0.0207 227.57)` | Evening Eclipse | black, 6.9 to 1 |
| 8 | `#93a3a7` | `oklch(70.49% 0.0195 213.95)` | Dusty Sky | black, 8 to 1 |
| 9 | `#a3b2b2` | `oklch(75.16% 0.0161 195.26)` | Stardew | black, 9.5 to 1 |
| 10 | `#b6c0bd` | `oklch(79.98% 0.0123 173.33)` | Patina Grey | black, 11.2 to 1 |
| 11 | `#c7cdc8` | `oklch(84.23% 0.0097 150.02)` | Morning Lake | black, 12.9 to 1 |
| 12 | `#d3d6cf` | `oklch(87.18% 0.0102 127.18)` | Close Knit | black, 14.2 to 1 |
| 13 | `#d9d9cd` | `oklch(88.13% 0.0155 106.68)` | Feather | black, 14.7 to 1 |
| 14 | `#d9d1bd` | `oklch(86.19% 0.0278 89.44)` | Cotton Fibre | black, 13.8 to 1 |
| 15 | `#d4bc9e` | `oklch(80.76% 0.0489 72.87)` | Gaia | black, 11.4 to 1 |
| 16 | `#cd9d79` | `oklch(73.15% 0.0755 57.14)` | Fresh Croissant | black, 8.6 to 1 |
| 17 | `#c3795a` | `oklch(64.78% 0.1036 42.80)` | Terracotta Chip | black, 6.1 to 1 |
| 18 | `#b75647` | `oklch(57.05% 0.1295 30.42)` | Red River | white, 4.7 to 1 |
| 19 | `#ac3a41` | `oklch(51.41% 0.1495 20.56)` | Red Gumball | white, 6.1 to 1 |
| 20 | `#a82b45` | `oklch(49.19% 0.1602 13.58)` | Warrior Queen | white, 6.7 to 1 |
| 21 | `#ac2d52` | `oklch(50.35% 0.1637 8.32)` | Primal Red | white, 6.4 to 1 |
| 22 | `#b63a61` | `oklch(53.71% 0.1620 4.94)` | Cry of a Rose | white, 5.6 to 1 |
| 23 | `#c24a70` | `oklch(58.09% 0.1566 4.00)` | Love Lord | white, 4.6 to 1 |
| 24 | `#cf5b79` | `oklch(62.32% 0.1489 6.08)` | Peppermint Swirl | black, 5.4 to 1 |
| 25 | `#d76779` | `oklch(65.20% 0.1403 11.74)` | Kiss and Tell | black, 6.1 to 1 |
| 26 | `#d66d6c` | `oklch(65.58% 0.1320 21.68)` | Coral Expression | black, 6.2 to 1 |
| 27 | `#c86e50` | `oklch(63.38% 0.1215 39.16)` | Reikland | black, 5.8 to 1 |
| 28 | `#ac6f32` | `oklch(59.47% 0.1084 62.98)` | Inca Gold | black, 5 to 1 |
| 29 | `#866e26` | `oklch(54.64% 0.0943 89.80)` | Aged Antics | white, 4.9 to 1 |
| 30 | `#60682f` | `oklch(49.68% 0.0805 116.23)` | Gretchin Green | white, 5.9 to 1 |
| 31 | `#42603a` | `oklch(45.38% 0.0688 138.93)` | Lady Luck | white, 7.1 to 1 |
| 32 | `#32583f` | `oklch(42.52% 0.0606 154.51)` | Green Stain | white, 8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #4b5661 0.0%, #515d67 3.2%, #5b6671 6.5%, #66727c 9.7%, #717e88 12.9%, #7d8b94 16.1%, #87979e 19.4%, #93a3a7 22.6%, #a3b2b2 25.8%, #b6c0bd 29.0%, #c7cdc8 32.3%, #d3d6cf 35.5%, #d9d9cd 38.7%, #d9d1bd 41.9%, #d4bc9e 45.2%, #cd9d79 48.4%, #c3795a 51.6%, #b75647 54.8%, #ac3a41 58.1%, #a82b45 61.3%, #ac2d52 64.5%, #b63a61 67.7%, #c24a70 71.0%, #cf5b79 74.2%, #d76779 77.4%, #d66d6c 80.6%, #c86e50 83.9%, #ac6f32 87.1%, #866e26 90.3%, #60682f 93.5%, #42603a 96.8%, #32583f 100.0%);
background: linear-gradient(45deg in oklch, oklch(44.88% 0.0220 245.39) 0.0%, oklch(47.25% 0.0219 244.44) 3.2%, oklch(50.53% 0.0217 244.12) 6.5%, oklch(54.41% 0.0215 243.35) 9.7%, oklch(58.59% 0.0212 241.06) 12.9%, oklch(62.76% 0.0210 236.15) 16.1%, oklch(66.62% 0.0207 227.57) 19.4%, oklch(70.49% 0.0195 213.95) 22.6%, oklch(75.16% 0.0161 195.26) 25.8%, oklch(79.98% 0.0123 173.33) 29.0%, oklch(84.23% 0.0097 150.02) 32.3%, oklch(87.18% 0.0102 127.18) 35.5%, oklch(88.13% 0.0155 106.68) 38.7%, oklch(86.19% 0.0278 89.44) 41.9%, oklch(80.76% 0.0489 72.87) 45.2%, oklch(73.15% 0.0755 57.14) 48.4%, oklch(64.78% 0.1036 42.80) 51.6%, oklch(57.05% 0.1295 30.42) 54.8%, oklch(51.41% 0.1495 20.56) 58.1%, oklch(49.19% 0.1602 13.58) 61.3%, oklch(50.35% 0.1637 8.32) 64.5%, oklch(53.71% 0.1620 4.94) 67.7%, oklch(58.09% 0.1566 4.00) 71.0%, oklch(62.32% 0.1489 6.08) 74.2%, oklch(65.20% 0.1403 11.74) 77.4%, oklch(65.58% 0.1320 21.68) 80.6%, oklch(63.38% 0.1215 39.16) 83.9%, oklch(59.47% 0.1084 62.98) 87.1%, oklch(54.64% 0.0943 89.80) 90.3%, oklch(49.68% 0.0805 116.23) 93.5%, oklch(45.38% 0.0688 138.93) 96.8%, oklch(42.52% 0.0606 154.51) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.449 | 0.022 | 245.4 |
| 2 | 0.673 | 0.021 | 225.3 |
| 3 | 0.878 | 0.019 | 99.6 |
| 4 | 0.496 | 0.157 | 16.1 |
| 5 | 0.657 | 0.134 | 19.2 |
| 6 | 0.425 | 0.061 | 154.5 |

## Other forms

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