# Petroleum teal with gold sheen

Black, teal and mustard linear gradient with 32 colors: #051012, #041013, #041115, #041117, #04111a, #05121d, #061420, #081625, #0a1a2b, #0d2032, #0f283a, #113143, #123c4b, #124653, #125059, #12595e, #0f6060, #076661, #006b60, #006e5e, #00715b, #007456, #007850, #197c4a, #318143, #48863b, #608b32, #768f29, #8b9321, #9d961d, #ac981e, #b79a20. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, teal and mustard linear gradient
- Seed: `kWKQ2VGo5E7eZOZCq7q2DC44`
- Page: https://grabient.com/kWKQ2VGo5E7eZOZCq7q2DC44?steps=32&angle=35
- Drawn as: linear gradient, 32 steps, 35 degrees
- Kinds: dark to light, vivid, cool, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 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 | `#051012` | `oklch(16.14% 0.0179 209.53)` | Black Glaze | white, 19.3 to 1 |
| 2 | `#041013` | `oklch(16.39% 0.0195 213.61)` | Black Glaze | white, 19.2 to 1 |
| 3 | `#041115` | `oklch(16.58% 0.0215 219.81)` | Black Glaze | white, 19.1 to 1 |
| 4 | `#041117` | `oklch(16.80% 0.0240 227.24)` | Black Glaze | white, 19.1 to 1 |
| 5 | `#04111a` | `oklch(17.13% 0.0267 234.99)` | Nyctophobia | white, 19 to 1 |
| 6 | `#05121d` | `oklch(17.66% 0.0297 242.19)` | Midnight Edition | white, 18.8 to 1 |
| 7 | `#061420` | `oklch(18.48% 0.0329 247.93)` | Creeping Death | white, 18.6 to 1 |
| 8 | `#081625` | `oklch(19.67% 0.0361 251.33)` | Creeping Death | white, 18.2 to 1 |
| 9 | `#0a1a2b` | `oklch(21.34% 0.0394 251.51)` | Oxford by Night | white, 17.5 to 1 |
| 10 | `#0d2032` | `oklch(23.68% 0.0427 248.46)` | The Count’s Black | white, 16.5 to 1 |
| 11 | `#0f283a` | `oklch(26.60% 0.0461 242.90)` | Celestial Canvas | white, 15.1 to 1 |
| 12 | `#113143` | `oklch(29.89% 0.0496 235.51)` | NATO Blue | white, 13.5 to 1 |
| 13 | `#123c4b` | `oklch(33.34% 0.0533 226.98)` | Subterranean River | white, 11.9 to 1 |
| 14 | `#124653` | `oklch(36.75% 0.0572 217.98)` | Blue Syzygy | white, 10.3 to 1 |
| 15 | `#125059` | `oklch(39.90% 0.0616 209.19)` | Blue Period | white, 9 to 1 |
| 16 | `#12595e` | `oklch(42.59% 0.0663 201.30)` | Blue Emerald | white, 7.9 to 1 |
| 17 | `#0f6060` | `oklch(44.64% 0.0717 194.80)` | Emerald Pool | white, 7.2 to 1 |
| 18 | `#076661` | `oklch(46.14% 0.0780 188.94)` | Peacock Pride | white, 6.7 to 1 |
| 19 | `#006b60` | `oklch(47.26% 0.0840 183.40)` | Pacific Queen | white, 6.4 to 1 |
| 20 | `#006e5e` | `oklch(48.12% 0.0885 178.03)` | Forest Splendour | white, 6.2 to 1 |
| 21 | `#00715b` | `oklch(48.87% 0.0941 172.68)` | Tropical Rainforest | white, 5.9 to 1 |
| 22 | `#007456` | `oklch(49.67% 0.1016 167.19)` | Green Velvet | white, 5.7 to 1 |
| 23 | `#007850` | `oklch(50.65% 0.1121 161.40)` | Poplar Forest | white, 5.5 to 1 |
| 24 | `#197c4a` | `oklch(51.97% 0.1188 155.17)` | Salem | white, 5.2 to 1 |
| 25 | `#318143` | `oklch(53.75% 0.1227 148.13)` | Vine | white, 4.8 to 1 |
| 26 | `#48863b` | `oklch(55.96% 0.1258 139.99)` | Level Up | black, 4.7 to 1 |
| 27 | `#608b32` | `oklch(58.45% 0.1281 131.21)` | Maximum Green | black, 5.2 to 1 |
| 28 | `#768f29` | `oklch(61.04% 0.1298 122.27)` | Foggy Bog | black, 5.7 to 1 |
| 29 | `#8b9321` | `oklch(63.59% 0.1310 113.63)` | Chorus of Frogs | black, 6.2 to 1 |
| 30 | `#9d961d` | `oklch(65.92% 0.1320 105.78)` | Papyrus | black, 6.8 to 1 |
| 31 | `#ac981e` | `oklch(67.88% 0.1328 99.19)` | High Strung | black, 7.3 to 1 |
| 32 | `#b79a20` | `oklch(69.29% 0.1337 94.35)` | Sahara | black, 7.6 to 1 |

## CSS

```css
background: linear-gradient(35deg, #051012 0.0%, #041013 3.2%, #041115 6.5%, #041117 9.7%, #04111a 12.9%, #05121d 16.1%, #061420 19.4%, #081625 22.6%, #0a1a2b 25.8%, #0d2032 29.0%, #0f283a 32.3%, #113143 35.5%, #123c4b 38.7%, #124653 41.9%, #125059 45.2%, #12595e 48.4%, #0f6060 51.6%, #076661 54.8%, #006b60 58.1%, #006e5e 61.3%, #00715b 64.5%, #007456 67.7%, #007850 71.0%, #197c4a 74.2%, #318143 77.4%, #48863b 80.6%, #608b32 83.9%, #768f29 87.1%, #8b9321 90.3%, #9d961d 93.5%, #ac981e 96.8%, #b79a20 100.0%);
background: linear-gradient(35deg in oklch, oklch(16.14% 0.0179 209.53) 0.0%, oklch(16.39% 0.0195 213.61) 3.2%, oklch(16.58% 0.0215 219.81) 6.5%, oklch(16.80% 0.0240 227.24) 9.7%, oklch(17.13% 0.0267 234.99) 12.9%, oklch(17.66% 0.0297 242.19) 16.1%, oklch(18.48% 0.0329 247.93) 19.4%, oklch(19.67% 0.0361 251.33) 22.6%, oklch(21.34% 0.0394 251.51) 25.8%, oklch(23.68% 0.0427 248.46) 29.0%, oklch(26.60% 0.0461 242.90) 32.3%, oklch(29.89% 0.0496 235.51) 35.5%, oklch(33.34% 0.0533 226.98) 38.7%, oklch(36.75% 0.0572 217.98) 41.9%, oklch(39.90% 0.0616 209.19) 45.2%, oklch(42.59% 0.0663 201.30) 48.4%, oklch(44.64% 0.0717 194.80) 51.6%, oklch(46.14% 0.0780 188.94) 54.8%, oklch(47.26% 0.0840 183.40) 58.1%, oklch(48.12% 0.0885 178.03) 61.3%, oklch(48.87% 0.0941 172.68) 64.5%, oklch(49.67% 0.1016 167.19) 67.7%, oklch(50.65% 0.1121 161.40) 71.0%, oklch(51.97% 0.1188 155.17) 74.2%, oklch(53.75% 0.1227 148.13) 77.4%, oklch(55.96% 0.1258 139.99) 80.6%, oklch(58.45% 0.1281 131.21) 83.9%, oklch(61.04% 0.1298 122.27) 87.1%, oklch(63.59% 0.1310 113.63) 90.3%, oklch(65.92% 0.1320 105.78) 93.5%, oklch(67.88% 0.1328 99.19) 96.8%, oklch(69.29% 0.1337 94.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.161 | 0.018 | 209.5 |
| 2 | 0.209 | 0.039 | 251.8 |
| 3 | 0.437 | 0.069 | 197.9 |
| 4 | 0.524 | 0.12 | 153.5 |
| 5 | 0.693 | 0.134 | 94.3 |

## In these collections

- [Oil slick colors](https://grabient.com/oil-slick-colors)

## Other forms

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