# Mustard blush horizontal fade

Pastel analogous pink, tan and mustard linear gradient with 15 colors: #d4a4a5, #d5a5a1, #d5a59b, #d5a695, #d5a78d, #d5a884, #d6a778, #d7a767, #d6a856, #d5a944, #d3aa35, #d3aa27, #d3ab16, #d4ab00, #d4ab00. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel analogous pink, tan and mustard linear gradient
- Seed: `kUwikM4RlEmAvw3gOcCA`
- Page: https://grabient.com/kUwikM4RlEmAvw3gOcCA?steps=15&angle=210
- Drawn as: linear gradient, 15 steps, 210 degrees
- Kinds: even lightness, pastel, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#d4a4a5` | `oklch(76.38% 0.0565 17.58)` | Pink Cocoa Cupcake | black, 9.6 to 1 |
| 2 | `#d5a5a1` | `oklch(76.39% 0.0574 23.54)` | La Vie en Rose | black, 9.6 to 1 |
| 3 | `#d5a59b` | `oklch(76.42% 0.0583 32.10)` | Bubble Shell | black, 9.7 to 1 |
| 4 | `#d5a695` | `oklch(76.44% 0.0603 41.81)` | Tiffany Rose | black, 9.7 to 1 |
| 5 | `#d5a78d` | `oklch(76.42% 0.0644 51.25)` | Coronado Dunes | black, 9.7 to 1 |
| 6 | `#d5a884` | `oklch(76.34% 0.0719 59.14)` | Desert Riverbed | black, 9.7 to 1 |
| 7 | `#d6a778` | `oklch(76.19% 0.0840 66.53)` | Mulled Spice | black, 9.6 to 1 |
| 8 | `#d7a767` | `oklch(75.98% 0.0990 73.59)` | Ungor Beige | black, 9.6 to 1 |
| 9 | `#d6a856` | `oklch(75.78% 0.1143 79.86)` | Afghan Sand | black, 9.6 to 1 |
| 10 | `#d5a944` | `oklch(75.62% 0.1274 84.92)` | Solar Relic | black, 9.5 to 1 |
| 11 | `#d3aa35` | `oklch(75.55% 0.1369 88.34)` | Brassy | black, 9.5 to 1 |
| 12 | `#d3aa27` | `oklch(75.53% 0.1444 90.16)` | Brassy | black, 9.5 to 1 |
| 13 | `#d3ab16` | `oklch(75.55% 0.1504 90.93)` | Burnt Yellow | black, 9.5 to 1 |
| 14 | `#d4ab00` | `oklch(75.58% 0.1545 91.20)` | Burnt Yellow | black, 9.6 to 1 |
| 15 | `#d4ab00` | `oklch(75.59% 0.1546 91.54)` | Burnt Yellow | black, 9.6 to 1 |

## CSS

```css
background: linear-gradient(210deg, #d4a4a5 0.0%, #d5a5a1 7.1%, #d5a59b 14.3%, #d5a695 21.4%, #d5a78d 28.6%, #d5a884 35.7%, #d6a778 42.9%, #d7a767 50.0%, #d6a856 57.1%, #d5a944 64.3%, #d3aa35 71.4%, #d3aa27 78.6%, #d3ab16 85.7%, #d4ab00 92.9%, #d4ab00 100.0%);
background: linear-gradient(210deg in oklch, oklch(76.38% 0.0565 17.58) 0.0%, oklch(76.39% 0.0574 23.54) 7.1%, oklch(76.42% 0.0583 32.10) 14.3%, oklch(76.44% 0.0603 41.81) 21.4%, oklch(76.42% 0.0644 51.25) 28.6%, oklch(76.34% 0.0719 59.14) 35.7%, oklch(76.19% 0.0840 66.53) 42.9%, oklch(75.98% 0.0990 73.59) 50.0%, oklch(75.78% 0.1143 79.86) 57.1%, oklch(75.62% 0.1274 84.92) 64.3%, oklch(75.55% 0.1369 88.34) 71.4%, oklch(75.53% 0.1444 90.16) 78.6%, oklch(75.55% 0.1504 90.93) 85.7%, oklch(75.58% 0.1545 91.20) 92.9%, oklch(75.59% 0.1546 91.54) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.764 | 0.056 | 17.6 |
| 2 | 0.764 | 0.069 | 56.7 |
| 3 | 0.756 | 0.131 | 86.3 |
| 4 | 0.756 | 0.158 | 91.6 |

## In these collections

- [Gold gradients](https://grabient.com/gold-gradients)

## Other forms

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