# Turquoise, ochre and crimson steel pan poster

The Turquoise, ochre and crimson steel pan poster brings together teal, green, gold, orange, and red. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits poster layouts and editorial spreads. Its darkest tone is red, and its lightest tone is gold.

- Also called: Teal, tan, orange and red linear gradient
- Seed: `kYlzCV2J2316rOrcOTu0kc9kNFvs`
- Page: https://grabient.com/kYlzCV2J2316rOrcOTu0kc9kNFvs?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2.5 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 | `#4b8a95` | `oklch(59.45% 0.0661 210.23)` | Night Masque | black, 5.3 to 1 |
| 2 | `#4d8e94` | `oklch(60.58% 0.0675 202.79)` | Coastal Calm | black, 5.6 to 1 |
| 3 | `#509492` | `oklch(62.19% 0.0691 192.30)` | Mirage Lake | black, 6 to 1 |
| 4 | `#589b8e` | `oklch(64.08% 0.0712 179.96)` | Petrol Green | black, 6.4 to 1 |
| 5 | `#64a189` | `oklch(66.04% 0.0737 166.91)` | Scotch Lassie | black, 7 to 1 |
| 6 | `#72a683` | `oklch(67.90% 0.0767 154.35)` | Corporate Green | black, 7.5 to 1 |
| 7 | `#7faa7c` | `oklch(69.43% 0.0805 143.43)` | Verdant Haven | black, 7.9 to 1 |
| 8 | `#8aac76` | `oklch(70.61% 0.0850 134.57)` | Lush Fields | black, 8.2 to 1 |
| 9 | `#95ae70` | `oklch(71.66% 0.0904 126.63)` | Rural Eyes | black, 8.5 to 1 |
| 10 | `#9faf68` | `oklch(72.57% 0.0965 119.38)` | Matcha Mecha | black, 8.8 to 1 |
| 11 | `#a9b061` | `oklch(73.32% 0.1030 112.61)` | April Green | black, 9 to 1 |
| 12 | `#b3af58` | `oklch(73.90% 0.1096 106.13)` | Palm | black, 9.1 to 1 |
| 13 | `#bdad4f` | `oklch(74.30% 0.1160 99.74)` | Star Fruit Yellow Green | black, 9.2 to 1 |
| 14 | `#c7aa47` | `oklch(74.51% 0.1222 93.28)` | Gooseberry Yellow | black, 9.2 to 1 |
| 15 | `#cfa63e` | `oklch(74.52% 0.1284 86.90)` | Aniseed | black, 9.2 to 1 |
| 16 | `#d7a237` | `oklch(74.36% 0.1346 80.69)` | Courgette Yellow | black, 9.1 to 1 |
| 17 | `#de9c30` | `oklch(74.03% 0.1408 74.75)` | Intense Yellow | black, 8.9 to 1 |
| 18 | `#e4962a` | `oklch(73.53% 0.1471 69.17)` | Treacle Fudge | black, 8.7 to 1 |
| 19 | `#e98f26` | `oklch(72.89% 0.1533 64.05)` | Carrot Orange | black, 8.4 to 1 |
| 20 | `#ec8922` | `oklch(72.11% 0.1597 59.47)` | Mimolette Orange | black, 8.1 to 1 |
| 21 | `#ee811d` | `oklch(71.14% 0.1666 55.42)` | Rè Dài Chéng Orange | black, 7.8 to 1 |
| 22 | `#f07917` | `oklch(70.00% 0.1740 51.82)` | Therapeutic Toucan | black, 7.4 to 1 |
| 23 | `#f07010` | `oklch(68.72% 0.1811 48.62)` | Orange Zest | black, 7 to 1 |
| 24 | `#ef6709` | `oklch(67.32% 0.1876 45.74)` | Royal Flycatcher Crest | black, 6.6 to 1 |
| 25 | `#ed5e06` | `oklch(65.82% 0.1928 43.11)` | Shu Red | black, 6.2 to 1 |
| 26 | `#ea5608` | `oklch(64.24% 0.1962 40.68)` | Jokaero Orange | black, 5.8 to 1 |
| 27 | `#e44d0c` | `oklch(62.35% 0.1975 38.50)` | Baptism by Fire | black, 5.3 to 1 |
| 28 | `#dd440e` | `oklch(60.19% 0.1972 36.61)` | Tail Lights | black, 4.9 to 1 |
| 29 | `#d53c0f` | `oklch(57.95% 0.1959 34.99)` | Lava Smoothie | white, 4.7 to 1 |
| 30 | `#cd3410` | `oklch(55.83% 0.1941 33.63)` | Pleasant Pomegranate | white, 5.1 to 1 |
| 31 | `#c62d10` | `oklch(54.03% 0.1924 32.52)` | Minestrone | white, 5.5 to 1 |
| 32 | `#c12810` | `oklch(52.76% 0.1915 31.64)` | Once Bitten | white, 5.8 to 1 |

## CSS

```css
background: linear-gradient(180deg, #4b8a95 0.0%, #4d8e94 3.2%, #509492 6.5%, #589b8e 9.7%, #64a189 12.9%, #72a683 16.1%, #7faa7c 19.4%, #8aac76 22.6%, #95ae70 25.8%, #9faf68 29.0%, #a9b061 32.3%, #b3af58 35.5%, #bdad4f 38.7%, #c7aa47 41.9%, #cfa63e 45.2%, #d7a237 48.4%, #de9c30 51.6%, #e4962a 54.8%, #e98f26 58.1%, #ec8922 61.3%, #ee811d 64.5%, #f07917 67.7%, #f07010 71.0%, #ef6709 74.2%, #ed5e06 77.4%, #ea5608 80.6%, #e44d0c 83.9%, #dd440e 87.1%, #d53c0f 90.3%, #cd3410 93.5%, #c62d10 96.8%, #c12810 100.0%);
background: linear-gradient(180deg in oklch, oklch(59.45% 0.0661 210.23) 0.0%, oklch(60.58% 0.0675 202.79) 3.2%, oklch(62.19% 0.0691 192.30) 6.5%, oklch(64.08% 0.0712 179.96) 9.7%, oklch(66.04% 0.0737 166.91) 12.9%, oklch(67.90% 0.0767 154.35) 16.1%, oklch(69.43% 0.0805 143.43) 19.4%, oklch(70.61% 0.0850 134.57) 22.6%, oklch(71.66% 0.0904 126.63) 25.8%, oklch(72.57% 0.0965 119.38) 29.0%, oklch(73.32% 0.1030 112.61) 32.3%, oklch(73.90% 0.1096 106.13) 35.5%, oklch(74.30% 0.1160 99.74) 38.7%, oklch(74.51% 0.1222 93.28) 41.9%, oklch(74.52% 0.1284 86.90) 45.2%, oklch(74.36% 0.1346 80.69) 48.4%, oklch(74.03% 0.1408 74.75) 51.6%, oklch(73.53% 0.1471 69.17) 54.8%, oklch(72.89% 0.1533 64.05) 58.1%, oklch(72.11% 0.1597 59.47) 61.3%, oklch(71.14% 0.1666 55.42) 64.5%, oklch(70.00% 0.1740 51.82) 67.7%, oklch(68.72% 0.1811 48.62) 71.0%, oklch(67.32% 0.1876 45.74) 74.2%, oklch(65.82% 0.1928 43.11) 77.4%, oklch(64.24% 0.1962 40.68) 80.6%, oklch(62.35% 0.1975 38.50) 83.9%, oklch(60.19% 0.1972 36.61) 87.1%, oklch(57.95% 0.1959 34.99) 90.3%, oklch(55.83% 0.1941 33.63) 93.5%, oklch(54.03% 0.1924 32.52) 96.8%, oklch(52.76% 0.1915 31.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.594 | 0.066 | 210.2 |
| 2 | 0.697 | 0.081 | 141.5 |
| 3 | 0.744 | 0.119 | 97.2 |
| 4 | 0.724 | 0.157 | 61.2 |
| 5 | 0.646 | 0.196 | 41.2 |
| 6 | 0.528 | 0.192 | 31.6 |

## In these collections

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

## Other forms

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