# Cobalt blue and crimson sequined feather costume

The Cobalt blue and crimson sequined feather costume brings together blue, purple, magenta, and red. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits fashion mood boards and lookbook graphics. Its darkest tone is blue, and its lightest tone is red.

- Also called: Vivid tritone blue, purple and red linear swatches
- Seed: `kWkWO0v9FDMFWQ3IT0Q0MVEQ`
- Page: https://grabient.com/kWkWO0v9FDMFWQ3IT0Q0MVEQ?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: vivid
- Hues: wide
- 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 | `#3679c6` | `oklch(57.09% 0.1364 253.83)` | Celestial Plum | black, 4.7 to 1 |
| 2 | `#4b4eda` | `oklch(51.00% 0.2092 275.23)` | Dark Soft Violet | white, 6.1 to 1 |
| 3 | `#7a28d4` | `oklch(50.00% 0.2374 298.50)` | Puissant Purple | white, 6.8 to 1 |
| 4 | `#a81bb3` | `oklch(53.02% 0.2321 324.76)` | Barney | white, 6 to 1 |
| 5 | `#d12a81` | `oklch(58.06% 0.2123 354.74)` | Highlighter Lilac | white, 4.8 to 1 |
| 6 | `#e74d4f` | `oklch(63.39% 0.1902 23.81)` | Fever | black, 5.5 to 1 |

## CSS

```css
background: linear-gradient(180deg, #3679c6 0.000% 16.667%, #4b4eda 16.667% 33.333%, #7a28d4 33.333% 50.000%, #a81bb3 50.000% 66.667%, #d12a81 66.667% 83.333%, #e74d4f 83.333% 100.000%);
background: linear-gradient(180deg, oklch(57.09% 0.1364 253.83) 0.000% 16.667%, oklch(51.00% 0.2092 275.23) 16.667% 33.333%, oklch(50.00% 0.2374 298.50) 33.333% 50.000%, oklch(53.02% 0.2321 324.76) 50.000% 66.667%, oklch(58.06% 0.2123 354.74) 66.667% 83.333%, oklch(63.39% 0.1902 23.81) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.571 | 0.136 | 253.8 |
| 2 | 0.5 | 0.223 | 281.3 |
| 3 | 0.512 | 0.237 | 310.9 |
| 4 | 0.567 | 0.218 | 346.8 |
| 5 | 0.634 | 0.19 | 383.8 |

## In these collections

- [Sequined feather costume](https://grabient.com/sequined-feather-costume)

## Other forms

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