# Sand powder blue corner glow

Pastel tan, gray and blue angular gradient with 6 colors: #e0cc85, #dec798, #d4c8bb, #cbcbd9, #c2d2fd, #c1dcfe. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel tan, gray and blue angular gradient
- Seed: `kY10RD6pi-2qIPdrhy97ha9vCUPi`
- Page: https://grabient.com/kY10RD6pi-2qIPdrhy97ha9vCUPi?style=angularGradient&steps=6&angle=225
- Drawn as: angular gradient, 6 steps, 225 degrees
- Kinds: even lightness, pastel, light
- Hues: complementary
- Contrast of its darkest and lightest colors: 1.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 | `#e0cc85` | `oklch(84.65% 0.0937 94.92)` | Camel Cord | black, 13.1 to 1 |
| 2 | `#dec798` | `oklch(83.86% 0.0675 85.41)` | Pale Moss | black, 12.7 to 1 |
| 3 | `#d4c8bb` | `oklch(83.86% 0.0220 67.45)` | Lucky Dog | black, 12.7 to 1 |
| 4 | `#cbcbd9` | `oklch(84.65% 0.0193 287.96)` | Magic Scent | black, 13 to 1 |
| 5 | `#c2d2fd` | `oklch(86.61% 0.0620 268.93)` | Pale Phthalo Blue | black, 13.9 to 1 |
| 6 | `#c1dcfe` | `oklch(88.58% 0.0551 254.14)` | Broad Daylight | black, 14.9 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #e0cc85 0.0%, #dec798 20.0%, #d4c8bb 40.0%, #cbcbd9 60.0%, #c2d2fd 80.0%, #c1dcfe 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(84.65% 0.0937 94.92) 0.0%, oklch(83.86% 0.0675 85.41) 20.0%, oklch(83.86% 0.0220 67.45) 40.0%, oklch(84.65% 0.0193 287.96) 60.0%, oklch(86.61% 0.0620 268.93) 80.0%, oklch(88.58% 0.0551 254.14) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.846 | 0.094 | 94.9 |
| 2 | 0.839 | 0.068 | 85.4 |
| 3 | 0.839 | 0.022 | 67.4 |
| 4 | 0.846 | 0.019 | -72 |
| 5 | 0.866 | 0.062 | -91.1 |
| 6 | 0.886 | 0.055 | -105.9 |

## In these collections

- [Butter yellow and blue](https://grabient.com/butter-yellow-and-blue)

## Other forms

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