# Gold, dusty blue and near-black practical magic

The Gold, dusty blue and near-black practical magic brings together pale orange, green, purple, red, and dark orange. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark orange, and its lightest tone is pale orange.

- Also called: Rainbow from beige to black linear swatches
- Seed: `kW5SE-u59Fc6X1KsqcflwzDY`
- Page: https://grabient.com/kW5SE-u59Fc6X1KsqcflwzDY?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 14 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 | `#ebddbd` | `oklch(90.16% 0.0455 87.89)` | Sandhill | black, 15.6 to 1 |
| 2 | `#466532` | `oklch(46.85% 0.0854 134.39)` | Dell | white, 6.6 to 1 |
| 3 | `#917ba3` | `oklch(61.81% 0.0648 309.81)` | Violet Chalk | black, 5.5 to 1 |
| 4 | `#6a1824` | `oklch(35.04% 0.1144 17.44)` | Velvet Outbreak | white, 11.9 to 1 |
| 5 | `#1e0d05` | `oklch(18.11% 0.0344 47.03)` | Crowshead | white, 18.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ebddbd 0.000% 20.000%, #466532 20.000% 40.000%, #917ba3 40.000% 60.000%, #6a1824 60.000% 80.000%, #1e0d05 80.000% 100.000%);
background: linear-gradient(90deg, oklch(90.16% 0.0455 87.89) 0.000% 20.000%, oklch(46.85% 0.0854 134.39) 20.000% 40.000%, oklch(61.81% 0.0648 309.81) 40.000% 60.000%, oklch(35.04% 0.1144 17.44) 60.000% 80.000%, oklch(18.11% 0.0344 47.03) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.045 | 87.9 |
| 2 | 0.469 | 0.085 | 134.4 |
| 3 | 0.618 | 0.065 | 309.8 |
| 4 | 0.35 | 0.114 | 377.4 |
| 5 | 0.181 | 0.034 | 407 |

## In these collections

- [Practical Magic swatches](https://grabient.com/practical-magic-swatches)

## Other forms

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