# Dusty rose powder blue bands

Pastel rainbow from pink to brown linear swatches with 3 colors: #ca969b, #a2ced8, #b28a4a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel rainbow from pink to brown linear swatches
- Seed: `kSuC4JaJGtFOir-`
- Page: https://grabient.com/kSuC4JaJGtFOir-?style=linearSwatches&steps=3&angle=45
- Drawn as: linear swatches, 3 steps, 45 degrees
- Kinds: pastel, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 1.8 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 | `#ca969b` | `oklch(72.44% 0.0634 12.66)` | Minstrel Rose | black, 8.3 to 1 |
| 2 | `#a2ced8` | `oklch(82.28% 0.0482 213.09)` | Children’s Soft Blue | black, 12.3 to 1 |
| 3 | `#b28a4a` | `oklch(65.75% 0.0951 77.82)` | Honey Mustard | black, 6.6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #ca969b 0.000% 33.333%, #a2ced8 33.333% 66.667%, #b28a4a 66.667% 100.000%);
background: linear-gradient(45deg, oklch(72.44% 0.0634 12.66) 0.000% 33.333%, oklch(82.28% 0.0482 213.09) 33.333% 66.667%, oklch(65.75% 0.0951 77.82) 66.667% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.724 | 0.063 | 12.7 |
| 2 | 0.823 | 0.048 | -146.9 |
| 3 | 0.657 | 0.095 | -282.2 |

## In these collections

- [Vintage stationery](https://grabient.com/vintage-stationery)

## Other forms

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