# Cobalt blue, mauve and crimson indigo yukata

The Cobalt blue, mauve and crimson indigo yukata brings together blue and red. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is blue.

- Also called: Duotone blue to maroon linear gradient
- Seed: `kWsDO0UI3CcOTSk6qkIuLBAA`
- Page: https://grabient.com/kWsDO0UI3CcOTSk6qkIuLBAA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.9 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 | `#7d9fc7` | `oklch(69.29% 0.0703 253.12)` | Alaskan Ice | black, 7.6 to 1 |
| 2 | `#7e9dc4` | `oklch(68.85% 0.0673 254.34)` | Alaskan Ice | black, 7.5 to 1 |
| 3 | `#7f9bc0` | `oklch(68.29% 0.0629 255.43)` | Bel Air Blue | black, 7.3 to 1 |
| 4 | `#8199bb` | `oklch(67.63% 0.0577 256.71)` | Bel Air Blue | black, 7.1 to 1 |
| 5 | `#8296b5` | `oklch(66.88% 0.0521 258.47)` | Denim Tradition | black, 6.9 to 1 |
| 6 | `#8293b0` | `oklch(66.04% 0.0467 260.99)` | Lilac Blue | black, 6.7 to 1 |
| 7 | `#8390aa` | `oklch(65.13% 0.0421 264.57)` | Blueberry Soda | black, 6.5 to 1 |
| 8 | `#838ca5` | `oklch(64.15% 0.0386 269.50)` | Violet Aura | black, 6.2 to 1 |
| 9 | `#8388a0` | `oklch(63.12% 0.0369 276.12)` | Top Shelf | black, 6 to 1 |
| 10 | `#83839c` | `oklch(61.95% 0.0364 285.38)` | Soft Charcoal | black, 5.7 to 1 |
| 11 | `#847e96` | `oklch(60.64% 0.0366 296.91)` | Dusky Grape | black, 5.3 to 1 |
| 12 | `#85788f` | `oklch(59.24% 0.0377 309.84)` | Vintage | black, 5 to 1 |
| 13 | `#867287` | `oklch(57.80% 0.0395 323.30)` | Sapphire Pink | black, 4.7 to 1 |
| 14 | `#866c7f` | `oklch(56.37% 0.0422 336.41)` | Plum Royale | white, 4.6 to 1 |
| 15 | `#866776` | `oklch(55.00% 0.0457 348.31)` | Port Wine Stain | white, 4.9 to 1 |
| 16 | `#87626e` | `oklch(53.73% 0.0499 358.12)` | Glazed Ringlet | white, 5.2 to 1 |
| 17 | `#875d66` | `oklch(52.59% 0.0552 5.17)` | Rabbit Paws | white, 5.5 to 1 |
| 18 | `#87585f` | `oklch(51.50% 0.0623 10.25)` | Rose Garland | white, 5.8 to 1 |
| 19 | `#885358` | `oklch(50.44% 0.0709 13.82)` | Roan Rouge | white, 6.1 to 1 |
| 20 | `#894e52` | `oklch(49.43% 0.0803 16.23)` | Roan Rouge | white, 6.4 to 1 |
| 21 | `#8b484c` | `oklch(48.48% 0.0900 17.79)` | Rhubarb Smoothie | white, 6.7 to 1 |
| 22 | `#8c4346` | `oklch(47.62% 0.0993 18.84)` | Silk Satin | white, 6.9 to 1 |
| 23 | `#8d3e41` | `oklch(46.86% 0.1077 19.69)` | Royal Red Flush | white, 7.2 to 1 |
| 24 | `#8d3a3c` | `oklch(46.21% 0.1144 20.68)` | Lover’s Kiss | white, 7.4 to 1 |
| 25 | `#8e3638` | `oklch(45.69% 0.1193 21.81)` | Sizzling Bacon | white, 7.6 to 1 |
| 26 | `#8e3435` | `oklch(45.30% 0.1230 22.47)` | Sizzling Bacon | white, 7.8 to 1 |
| 27 | `#8e3233` | `oklch(45.03% 0.1257 22.74)` | Bookstone | white, 7.9 to 1 |
| 28 | `#8e3032` | `oklch(44.85% 0.1278 22.72)` | Sehnsucht Red | white, 8 to 1 |
| 29 | `#8e2f31` | `oklch(44.73% 0.1292 22.54)` | Sehnsucht Red | white, 8 to 1 |
| 30 | `#8f2e31` | `oklch(44.65% 0.1303 22.29)` | Sehnsucht Red | white, 8 to 1 |
| 31 | `#8f2d31` | `oklch(44.57% 0.1313 22.09)` | Ancient Red | white, 8.1 to 1 |
| 32 | `#8f2d31` | `oklch(44.49% 0.1323 22.05)` | Ancient Red | white, 8.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #7d9fc7 0.0%, #7e9dc4 3.2%, #7f9bc0 6.5%, #8199bb 9.7%, #8296b5 12.9%, #8293b0 16.1%, #8390aa 19.4%, #838ca5 22.6%, #8388a0 25.8%, #83839c 29.0%, #847e96 32.3%, #85788f 35.5%, #867287 38.7%, #866c7f 41.9%, #866776 45.2%, #87626e 48.4%, #875d66 51.6%, #87585f 54.8%, #885358 58.1%, #894e52 61.3%, #8b484c 64.5%, #8c4346 67.7%, #8d3e41 71.0%, #8d3a3c 74.2%, #8e3638 77.4%, #8e3435 80.6%, #8e3233 83.9%, #8e3032 87.1%, #8e2f31 90.3%, #8f2e31 93.5%, #8f2d31 96.8%, #8f2d31 100.0%);
background: linear-gradient(90deg in oklch, oklch(69.29% 0.0703 253.12) 0.0%, oklch(68.85% 0.0673 254.34) 3.2%, oklch(68.29% 0.0629 255.43) 6.5%, oklch(67.63% 0.0577 256.71) 9.7%, oklch(66.88% 0.0521 258.47) 12.9%, oklch(66.04% 0.0467 260.99) 16.1%, oklch(65.13% 0.0421 264.57) 19.4%, oklch(64.15% 0.0386 269.50) 22.6%, oklch(63.12% 0.0369 276.12) 25.8%, oklch(61.95% 0.0364 285.38) 29.0%, oklch(60.64% 0.0366 296.91) 32.3%, oklch(59.24% 0.0377 309.84) 35.5%, oklch(57.80% 0.0395 323.30) 38.7%, oklch(56.37% 0.0422 336.41) 41.9%, oklch(55.00% 0.0457 348.31) 45.2%, oklch(53.73% 0.0499 358.12) 48.4%, oklch(52.59% 0.0552 5.17) 51.6%, oklch(51.50% 0.0623 10.25) 54.8%, oklch(50.44% 0.0709 13.82) 58.1%, oklch(49.43% 0.0803 16.23) 61.3%, oklch(48.48% 0.0900 17.79) 64.5%, oklch(47.62% 0.0993 18.84) 67.7%, oklch(46.86% 0.1077 19.69) 71.0%, oklch(46.21% 0.1144 20.68) 74.2%, oklch(45.69% 0.1193 21.81) 77.4%, oklch(45.30% 0.1230 22.47) 80.6%, oklch(45.03% 0.1257 22.74) 83.9%, oklch(44.85% 0.1278 22.72) 87.1%, oklch(44.73% 0.1292 22.54) 90.3%, oklch(44.65% 0.1303 22.29) 93.5%, oklch(44.57% 0.1313 22.09) 96.8%, oklch(44.49% 0.1323 22.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.693 | 0.07 | 253.1 |
| 2 | 0.634 | 0.037 | 274.3 |
| 3 | 0.531 | 0.052 | 362 |
| 4 | 0.461 | 0.116 | 381 |
| 5 | 0.445 | 0.132 | 382 |

## In these collections

- [Indigo yukata](https://grabient.com/indigo-yukata)

## Other forms

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