# Wine and blue school uniform palette

The Wine and blue school uniform palette brings together red, magenta, blue, and light blue. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits stationery systems and print layouts. Its darkest tone is red, and its lightest tone is light blue.

- Also called: Duotone maroon to light blue linear gradient
- Seed: `kYUEoFrR--7wRvFQEDgYBg8-YbP0`
- Page: https://grabient.com/kYUEoFrR--7wRvFQEDgYBg8-YbP0?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 7.4 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 | `#591328` | `oklch(31.50% 0.1020 7.73)` | Drops of God | white, 13.5 to 1 |
| 2 | `#5a1529` | `oklch(31.82% 0.1006 7.09)` | Drops of God | white, 13.3 to 1 |
| 3 | `#5a172b` | `oklch(32.20% 0.0990 6.42)` | Drops of God | white, 13.1 to 1 |
| 4 | `#5b192d` | `oklch(32.67% 0.0970 5.53)` | Drops of God | white, 12.9 to 1 |
| 5 | `#5c1c30` | `oklch(33.29% 0.0945 4.26)` | Brown Chocolate | white, 12.6 to 1 |
| 6 | `#5d2034` | `oklch(34.12% 0.0914 2.44)` | Wine Country | white, 12.2 to 1 |
| 7 | `#5e2439` | `oklch(35.19% 0.0877 359.89)` | Zinfandel | white, 11.7 to 1 |
| 8 | `#602a3f` | `oklch(36.54% 0.0827 356.67)` | Quills of Terico | white, 11 to 1 |
| 9 | `#613046` | `oklch(38.17% 0.0763 353.08)` | Clinker Red | white, 10.3 to 1 |
| 10 | `#63384e` | `oklch(40.01% 0.0691 348.96)` | Violet Posy | white, 9.5 to 1 |
| 11 | `#653f55` | `oklch(42.02% 0.0617 344.13)` | Purple Stiletto | white, 8.7 to 1 |
| 12 | `#67475d` | `oklch(44.16% 0.0551 338.42)` | Plum Rich | white, 7.9 to 1 |
| 13 | `#6a4f66` | `oklch(46.36% 0.0498 331.67)` | Vicarious Violet | white, 7.2 to 1 |
| 14 | `#6d576f` | `oklch(48.63% 0.0464 323.44)` | Dark Purple Grey | white, 6.5 to 1 |
| 15 | `#6f5f79` | `oklch(51.11% 0.0441 312.99)` | Princely Violet | white, 5.8 to 1 |
| 16 | `#726883` | `oklch(53.73% 0.0427 301.15)` | Aromatic | white, 5.1 to 1 |
| 17 | `#74728d` | `oklch(56.41% 0.0422 288.90)` | Stormy Mauve | white, 4.6 to 1 |
| 18 | `#777c97` | `oklch(59.05% 0.0425 277.20)` | Waterloo | black, 5 to 1 |
| 19 | `#7985a0` | `oklch(61.58% 0.0433 267.03)` | Tempest | black, 5.6 to 1 |
| 20 | `#7c8da8` | `oklch(63.91% 0.0448 259.22)` | Evening Hush | black, 6.2 to 1 |
| 21 | `#7f95b0` | `oklch(66.21% 0.0476 253.15)` | Accolade | black, 6.8 to 1 |
| 22 | `#819db9` | `oklch(68.46% 0.0514 248.32)` | Washed Denim | black, 7.4 to 1 |
| 23 | `#83a5c1` | `oklch(70.61% 0.0557 244.48)` | Stormfang | black, 8.1 to 1 |
| 24 | `#85acc9` | `oklch(72.60% 0.0600 241.36)` | Colorado Springs | black, 8.7 to 1 |
| 25 | `#87b2d0` | `oklch(74.37% 0.0638 238.69)` | Windy Day | black, 9.3 to 1 |
| 26 | `#88b8d6` | `oklch(75.86% 0.0666 236.22)` | Periwinkle Sky | black, 9.8 to 1 |
| 27 | `#89bcda` | `oklch(77.07% 0.0687 234.33)` | Frozen Whisper | black, 10.2 to 1 |
| 28 | `#8ac0de` | `oklch(78.04% 0.0704 233.12)` | Club Cruise | black, 10.6 to 1 |
| 29 | `#8bc3e1` | `oklch(78.81% 0.0718 232.42)` | Club Cruise | black, 10.9 to 1 |
| 30 | `#8cc5e3` | `oklch(79.42% 0.0728 232.02)` | Club Cruise | black, 11.1 to 1 |
| 31 | `#8dc6e5` | `oklch(79.91% 0.0737 231.75)` | Deluxe Days | black, 11.3 to 1 |
| 32 | `#8dc8e6` | `oklch(80.31% 0.0744 231.41)` | Deluxe Days | black, 11.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #591328 0.0%, #5a1529 3.2%, #5a172b 6.5%, #5b192d 9.7%, #5c1c30 12.9%, #5d2034 16.1%, #5e2439 19.4%, #602a3f 22.6%, #613046 25.8%, #63384e 29.0%, #653f55 32.3%, #67475d 35.5%, #6a4f66 38.7%, #6d576f 41.9%, #6f5f79 45.2%, #726883 48.4%, #74728d 51.6%, #777c97 54.8%, #7985a0 58.1%, #7c8da8 61.3%, #7f95b0 64.5%, #819db9 67.7%, #83a5c1 71.0%, #85acc9 74.2%, #87b2d0 77.4%, #88b8d6 80.6%, #89bcda 83.9%, #8ac0de 87.1%, #8bc3e1 90.3%, #8cc5e3 93.5%, #8dc6e5 96.8%, #8dc8e6 100.0%);
background: linear-gradient(135deg in oklch, oklch(31.50% 0.1020 7.73) 0.0%, oklch(31.82% 0.1006 7.09) 3.2%, oklch(32.20% 0.0990 6.42) 6.5%, oklch(32.67% 0.0970 5.53) 9.7%, oklch(33.29% 0.0945 4.26) 12.9%, oklch(34.12% 0.0914 2.44) 16.1%, oklch(35.19% 0.0877 359.89) 19.4%, oklch(36.54% 0.0827 356.67) 22.6%, oklch(38.17% 0.0763 353.08) 25.8%, oklch(40.01% 0.0691 348.96) 29.0%, oklch(42.02% 0.0617 344.13) 32.3%, oklch(44.16% 0.0551 338.42) 35.5%, oklch(46.36% 0.0498 331.67) 38.7%, oklch(48.63% 0.0464 323.44) 41.9%, oklch(51.11% 0.0441 312.99) 45.2%, oklch(53.73% 0.0427 301.15) 48.4%, oklch(56.41% 0.0422 288.90) 51.6%, oklch(59.05% 0.0425 277.20) 54.8%, oklch(61.58% 0.0433 267.03) 58.1%, oklch(63.91% 0.0448 259.22) 61.3%, oklch(66.21% 0.0476 253.15) 64.5%, oklch(68.46% 0.0514 248.32) 67.7%, oklch(70.61% 0.0557 244.48) 71.0%, oklch(72.60% 0.0600 241.36) 74.2%, oklch(74.37% 0.0638 238.69) 77.4%, oklch(75.86% 0.0666 236.22) 80.6%, oklch(77.07% 0.0687 234.33) 83.9%, oklch(78.04% 0.0704 233.12) 87.1%, oklch(78.81% 0.0718 232.42) 90.3%, oklch(79.42% 0.0728 232.02) 93.5%, oklch(79.91% 0.0737 231.75) 96.8%, oklch(80.31% 0.0744 231.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.315 | 0.102 | 7.7 |
| 2 | 0.354 | 0.087 | -0.7 |
| 3 | 0.472 | 0.048 | -31.4 |
| 4 | 0.63 | 0.044 | -97.9 |
| 5 | 0.756 | 0.066 | -123.3 |
| 6 | 0.803 | 0.074 | -128.6 |

## In these collections

- [School uniform](https://grabient.com/school-uniform)

## Other forms

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