# Bronze, wine and navy steel pan poster

The Bronze, wine and navy steel pan poster brings together orange, red, dark red, dark blue, and blue. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits poster layouts and editorial spreads. Its darkest tone is dark blue, and its lightest tone is orange.

- Also called: Tritone brown, dark purple and blue linear swatches
- Seed: `kWiWceNi-_KUfPIgIraqq69g`
- Page: https://grabient.com/kWiWceNi-_KUfPIgIraqq69g?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: vivid, dark, multicolor
- Hues: split-complementary
- 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 | `#b04c1f` | `oklch(53.94% 0.1419 42.19)` | Funky Monkey | white, 5.3 to 1 |
| 2 | `#91320e` | `oklch(45.11% 0.1355 38.64)` | Hawaiian Malasada | white, 7.8 to 1 |
| 3 | `#621c1d` | `oklch(33.90% 0.1013 23.37)` | Red Oxide | white, 12.3 to 1 |
| 4 | `#3d1033` | `oklch(26.29% 0.0842 336.82)` | Nightly Voyager | white, 15.9 to 1 |
| 5 | `#1f1953` | `oklch(26.20% 0.1007 281.06)` | Silent Orbit | white, 15.8 to 1 |
| 6 | `#1d2d77` | `oklch(33.46% 0.1281 269.04)` | St. Patrick’s Blue | white, 12.3 to 1 |

## CSS

```css
background: linear-gradient(180deg, #b04c1f 0.000% 16.667%, #91320e 16.667% 33.333%, #621c1d 33.333% 50.000%, #3d1033 50.000% 66.667%, #1f1953 66.667% 83.333%, #1d2d77 83.333% 100.000%);
background: linear-gradient(180deg, oklch(53.94% 0.1419 42.19) 0.000% 16.667%, oklch(45.11% 0.1355 38.64) 16.667% 33.333%, oklch(33.90% 0.1013 23.37) 33.333% 50.000%, oklch(26.29% 0.0842 336.82) 50.000% 66.667%, oklch(26.20% 0.1007 281.06) 66.667% 83.333%, oklch(33.46% 0.1281 269.04) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.539 | 0.142 | 42.2 |
| 2 | 0.425 | 0.131 | 35.8 |
| 3 | 0.291 | 0.085 | 7.3 |
| 4 | 0.252 | 0.095 | -70.9 |
| 5 | 0.335 | 0.128 | -91 |

## In these collections

- [Steel pan poster](https://grabient.com/steel-pan-poster)

## Other forms

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