# Pale blush sky fade

Pastel blue, gray and peach linear gradient with 7 colors: #83cbdf, #95c8df, #afc7d5, #cec8d1, #e6cfc9, #ffd4c1, #feddc1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel blue, gray and peach linear gradient
- Seed: `kYzDia5pVBWiIQjtBk98hPCvSTQi`
- Page: https://grabient.com/kYzDia5pVBWiIQjtBk98hPCvSTQi?angle=225
- Drawn as: linear gradient, 7 steps, 225 degrees
- Kinds: even lightness, pastel, light
- Hues: complementary
- Contrast of its darkest and lightest colors: 1.4 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 | `#83cbdf` | `oklch(80.31% 0.0772 217.27)` | Blue Limewash | black, 11.6 to 1 |
| 2 | `#95c8df` | `oklch(80.57% 0.0623 226.39)` | Caribbean Coast | black, 11.6 to 1 |
| 3 | `#afc7d5` | `oklch(81.57% 0.0324 233.00)` | Cloudy Valley | black, 11.9 to 1 |
| 4 | `#cec8d1` | `oklch(83.91% 0.0147 313.17)` | Chrome Chalice | black, 12.7 to 1 |
| 5 | `#e6cfc9` | `oklch(87.18% 0.0272 34.84)` | Soft Ice Rose | black, 14.1 to 1 |
| 6 | `#ffd4c1` | `oklch(90.23% 0.0549 45.84)` | Simply Delicious | black, 15.4 to 1 |
| 7 | `#feddc1` | `oklch(91.73% 0.0524 61.22)` | Karry | black, 16.2 to 1 |

## CSS

```css
background: linear-gradient(225deg, #83cbdf 0.0%, #95c8df 16.7%, #afc7d5 33.3%, #cec8d1 50.0%, #e6cfc9 66.7%, #ffd4c1 83.3%, #feddc1 100.0%);
background: linear-gradient(225deg in oklch, oklch(80.31% 0.0772 217.27) 0.0%, oklch(80.57% 0.0623 226.39) 16.7%, oklch(81.57% 0.0324 233.00) 33.3%, oklch(83.91% 0.0147 313.17) 50.0%, oklch(87.18% 0.0272 34.84) 66.7%, oklch(90.23% 0.0549 45.84) 83.3%, oklch(91.73% 0.0524 61.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.803 | 0.077 | 217.3 |
| 2 | 0.807 | 0.058 | 228.9 |
| 3 | 0.823 | 0.022 | 247.9 |
| 4 | 0.858 | 0.017 | 378.9 |
| 5 | 0.898 | 0.054 | 402.2 |
| 6 | 0.917 | 0.052 | 421.2 |

## Other forms

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