# Cream mist sage diagonal

Pastel tan and gray linear gradient with 32 colors: #d19f60, #cea462, #c9aa68, #c4b170, #bdb87b, #b7bf87, #b2c494, #aec9a0, #acccaa, #aaceb4, #a9cfbd, #a9d0c5, #abd0cb, #afd0d0, #b4d1d3, #b9d2d5, #bed5d6, #c5dad8, #cfe0db, #d9e6de, #e3ece2, #ecf0e5, #f3f3e8, #f7f4e8, #f7f1e4, #f4eadb, #efe2cf, #e8d8c2, #e2cdb4, #dbc3a7, #d6bb9c, #d3b595. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel tan and gray linear gradient
- Seed: `kWu0kzZxXIOwJxz6hjLZJQ9Q`
- Page: https://grabient.com/kWu0kzZxXIOwJxz6hjLZJQ9Q?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: pastel, light
- Hues: wide
- Contrast of its darkest and lightest colors: 2.1 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 | `#d19f60` | `oklch(73.62% 0.1006 71.72)` | Honey Beehive | black, 8.8 to 1 |
| 2 | `#cea462` | `oklch(74.25% 0.0972 77.37)` | Caribou Herd | black, 9 to 1 |
| 3 | `#c9aa68` | `oklch(75.11% 0.0927 84.97)` | Wild Mustard Seed | black, 9.4 to 1 |
| 4 | `#c4b170` | `oklch(76.14% 0.0872 94.03)` | Champagne Grape | black, 9.8 to 1 |
| 5 | `#bdb87b` | `oklch(77.26% 0.0812 104.05)` | Grass Cloth | black, 10.3 to 1 |
| 6 | `#b7bf87` | `oklch(78.41% 0.0750 114.51)` | Early Harvest | black, 10.7 to 1 |
| 7 | `#b2c494` | `oklch(79.51% 0.0688 124.91)` | Sheer Green | black, 11.2 to 1 |
| 8 | `#aec9a0` | `oklch(80.49% 0.0631 134.75)` | Desert Cactus | black, 11.6 to 1 |
| 9 | `#acccaa` | `oklch(81.28% 0.0580 143.66)` | Mint Circle | black, 11.9 to 1 |
| 10 | `#aaceb4` | `oklch(81.86% 0.0532 153.71)` | Pastel Mint Green | black, 12.2 to 1 |
| 11 | `#a9cfbd` | `oklch(82.28% 0.0483 165.03)` | Swimming Pool Green | black, 12.3 to 1 |
| 12 | `#a9d0c5` | `oklch(82.62% 0.0436 176.56)` | Whirlpool Green | black, 12.5 to 1 |
| 13 | `#abd0cb` | `oklch(82.95% 0.0391 187.25)` | Cassiopeia | black, 12.6 to 1 |
| 14 | `#afd0d0` | `oklch(83.34% 0.0348 196.03)` | Clinical Soft Blue | black, 12.7 to 1 |
| 15 | `#b4d1d3` | `oklch(83.86% 0.0310 201.86)` | Fine China | black, 12.9 to 1 |
| 16 | `#b9d2d5` | `oklch(84.58% 0.0276 203.68)` | Relax | black, 13.2 to 1 |
| 17 | `#bed5d6` | `oklch(85.62% 0.0248 200.29)` | Wind Speed | black, 13.6 to 1 |
| 18 | `#c5dad8` | `oklch(87.21% 0.0221 190.78)` | Julep Green | black, 14.3 to 1 |
| 19 | `#cfe0db` | `oklch(89.18% 0.0196 176.58)` | Snow Leopard | black, 15.3 to 1 |
| 20 | `#d9e6de` | `oklch(91.29% 0.0175 159.38)` | Swans Down | black, 16.3 to 1 |
| 21 | `#e3ece2` | `oklch(93.32% 0.0160 140.85)` | Sign of Spring | black, 17.3 to 1 |
| 22 | `#ecf0e5` | `oklch(95.02% 0.0151 122.67)` | Alaskan Mist | black, 18.2 to 1 |
| 23 | `#f3f3e8` | `oklch(96.16% 0.0151 106.54)` | Daisy Field | black, 18.8 to 1 |
| 24 | `#f7f4e8` | `oklch(96.52% 0.0161 94.12)` | Powdered Snow | black, 19 to 1 |
| 25 | `#f7f1e4` | `oklch(95.84% 0.0185 86.05)` | Bright Moon | black, 18.6 to 1 |
| 26 | `#f4eadb` | `oklch(94.15% 0.0227 80.34)` | Baseball Base | black, 17.6 to 1 |
| 27 | `#efe2cf` | `oklch(91.73% 0.0282 76.47)` | Buckwheat Flour | black, 16.4 to 1 |
| 28 | `#e8d8c2` | `oklch(88.88% 0.0344 74.00)` | Floating Feather | black, 14.9 to 1 |
| 29 | `#e2cdb4` | `oklch(85.90% 0.0408 72.51)` | Soft-Spoken | black, 13.6 to 1 |
| 30 | `#dbc3a7` | `oklch(83.08% 0.0467 71.56)` | Elafonisi Beach | black, 12.4 to 1 |
| 31 | `#d6bb9c` | `oklch(80.73% 0.0517 70.74)` | Terracotta Sand | black, 11.4 to 1 |
| 32 | `#d3b595` | `oklch(79.13% 0.0551 69.61)` | Crowned One | black, 10.8 to 1 |

## CSS

```css
background: linear-gradient(225deg, #d19f60 0.0%, #cea462 3.2%, #c9aa68 6.5%, #c4b170 9.7%, #bdb87b 12.9%, #b7bf87 16.1%, #b2c494 19.4%, #aec9a0 22.6%, #acccaa 25.8%, #aaceb4 29.0%, #a9cfbd 32.3%, #a9d0c5 35.5%, #abd0cb 38.7%, #afd0d0 41.9%, #b4d1d3 45.2%, #b9d2d5 48.4%, #bed5d6 51.6%, #c5dad8 54.8%, #cfe0db 58.1%, #d9e6de 61.3%, #e3ece2 64.5%, #ecf0e5 67.7%, #f3f3e8 71.0%, #f7f4e8 74.2%, #f7f1e4 77.4%, #f4eadb 80.6%, #efe2cf 83.9%, #e8d8c2 87.1%, #e2cdb4 90.3%, #dbc3a7 93.5%, #d6bb9c 96.8%, #d3b595 100.0%);
background: linear-gradient(225deg in oklch, oklch(73.62% 0.1006 71.72) 0.0%, oklch(74.25% 0.0972 77.37) 3.2%, oklch(75.11% 0.0927 84.97) 6.5%, oklch(76.14% 0.0872 94.03) 9.7%, oklch(77.26% 0.0812 104.05) 12.9%, oklch(78.41% 0.0750 114.51) 16.1%, oklch(79.51% 0.0688 124.91) 19.4%, oklch(80.49% 0.0631 134.75) 22.6%, oklch(81.28% 0.0580 143.66) 25.8%, oklch(81.86% 0.0532 153.71) 29.0%, oklch(82.28% 0.0483 165.03) 32.3%, oklch(82.62% 0.0436 176.56) 35.5%, oklch(82.95% 0.0391 187.25) 38.7%, oklch(83.34% 0.0348 196.03) 41.9%, oklch(83.86% 0.0310 201.86) 45.2%, oklch(84.58% 0.0276 203.68) 48.4%, oklch(85.62% 0.0248 200.29) 51.6%, oklch(87.21% 0.0221 190.78) 54.8%, oklch(89.18% 0.0196 176.58) 58.1%, oklch(91.29% 0.0175 159.38) 61.3%, oklch(93.32% 0.0160 140.85) 64.5%, oklch(95.02% 0.0151 122.67) 67.7%, oklch(96.16% 0.0151 106.54) 71.0%, oklch(96.52% 0.0161 94.12) 74.2%, oklch(95.84% 0.0185 86.05) 77.4%, oklch(94.15% 0.0227 80.34) 80.6%, oklch(91.73% 0.0282 76.47) 83.9%, oklch(88.88% 0.0344 74.00) 87.1%, oklch(85.90% 0.0408 72.51) 90.3%, oklch(83.08% 0.0467 71.56) 93.5%, oklch(80.73% 0.0517 70.74) 96.8%, oklch(79.13% 0.0551 69.61) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.736 | 0.101 | 71.7 |
| 2 | 0.811 | 0.059 | 141.5 |
| 3 | 0.85 | 0.026 | 202.8 |
| 4 | 0.965 | 0.017 | 91.8 |
| 5 | 0.791 | 0.055 | 69.6 |

## In these collections

- [Magnolia rain morning](https://grabient.com/magnolia-rain-morning)

## Other forms

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