# Navy, bronze and gold steel pan poster

The Navy, bronze and gold steel pan poster brings together blue, dark magenta, red, orange, and gold. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits poster layouts and editorial spreads. Its darkest tone is dark magenta, and its lightest tone is gold.

- Also called: Tritone navy, dark purple and tan linear swatches
- Seed: `kYT0W5opdJrKoxnJskF3zBCOwoQm`
- Page: https://grabient.com/kYT0W5opdJrKoxnJskF3zBCOwoQm?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: dark to light, vivid, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.7 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 | `#122e60` | `oklch(31.10% 0.0951 260.86)` | Marine | white, 13.2 to 1 |
| 2 | `#3b192f` | `oklch(27.17% 0.0634 343.29)` | Nightly Voyager | white, 15.3 to 1 |
| 3 | `#772c12` | `oklch(39.76% 0.1116 38.24)` | Drip Coffee | white, 9.7 to 1 |
| 4 | `#b85d1d` | `oklch(57.87% 0.1378 50.92)` | Super Leaf Brown | black, 4.6 to 1 |
| 5 | `#e29d44` | `oklch(74.80% 0.1323 69.94)` | Kikuchiba Gold | black, 9.1 to 1 |
| 6 | `#e9cb76` | `oklch(85.04% 0.1102 91.07)` | Bee Pollen | black, 13.3 to 1 |

## CSS

```css
background: linear-gradient(180deg, #122e60 0.000% 16.667%, #3b192f 16.667% 33.333%, #772c12 33.333% 50.000%, #b85d1d 50.000% 66.667%, #e29d44 66.667% 83.333%, #e9cb76 83.333% 100.000%);
background: linear-gradient(180deg, oklch(31.10% 0.0951 260.86) 0.000% 16.667%, oklch(27.17% 0.0634 343.29) 16.667% 33.333%, oklch(39.76% 0.1116 38.24) 33.333% 50.000%, oklch(57.87% 0.1378 50.92) 50.000% 66.667%, oklch(74.80% 0.1323 69.94) 66.667% 83.333%, oklch(85.04% 0.1102 91.07) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.311 | 0.095 | 260.9 |
| 2 | 0.272 | 0.063 | 343.3 |
| 3 | 0.398 | 0.112 | 398.2 |
| 4 | 0.579 | 0.138 | 410.9 |
| 5 | 0.748 | 0.132 | 429.9 |
| 6 | 0.85 | 0.11 | 451.1 |

## In these collections

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

## Other forms

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