# Deep violet pearl bands

Diagonal bands move from deep violet through metallic mint and pearl white to cool steel blue. The dark opening makes the central pale flash look reflective, while the blue ending keeps the palette controlled and futuristic. Use it for sci-fi apparel, holographic packaging, or interior material boards.

- Also called: Navy, teal, gray and blue linear swatches
- Seed: `kURCzU6R2wnqHz7QE7fA`
- Page: https://grabient.com/kURCzU6R2wnqHz7QE7fA?style=linearSwatches&steps=4&angle=242
- Drawn as: linear swatches, 4 steps, 242 degrees
- Kinds: light center, pastel, light, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 13.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 | `#2a1e3f` | `oklch(26.77% 0.0606 298.83)` | Throat | white, 15.4 to 1 |
| 2 | `#90d8bd` | `oklch(82.68% 0.0813 168.85)` | Apple II Blue | black, 12.7 to 1 |
| 3 | `#f6f0ff` | `oklch(96.46% 0.0201 302.01)` | Cloud Break | black, 18.8 to 1 |
| 4 | `#698fa5` | `oklch(62.99% 0.0537 233.31)` | French Court | black, 6 to 1 |

## CSS

```css
background: linear-gradient(242deg, #2a1e3f 0.000% 25.000%, #90d8bd 25.000% 50.000%, #f6f0ff 50.000% 75.000%, #698fa5 75.000% 100.000%);
background: linear-gradient(242deg, oklch(26.77% 0.0606 298.83) 0.000% 25.000%, oklch(82.68% 0.0813 168.85) 25.000% 50.000%, oklch(96.46% 0.0201 302.01) 50.000% 75.000%, oklch(62.99% 0.0537 233.31) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.268 | 0.061 | 298.8 |
| 2 | 0.827 | 0.081 | 168.8 |
| 3 | 0.965 | 0.021 | 302 |
| 4 | 0.63 | 0.054 | 233.3 |

## In these collections

- [Extra celestial](https://grabient.com/extra-celestial)

## Other forms

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