# Soft black muted teal deep orange gradient

Black, gray, light blue and brown linear gradient with 32 colors: #040c1d, #101a2b, #25303f, #404b58, #606a75, #818a92, #a0a8ae, #b9c0c5, #c7d0d5, #cbd7dd, #c7d8e0, #bdd5de, #aecfd9, #9ec8d2, #8ec1ca, #81bbc1, #79b9b9, #75b8af, #74b6a4, #78b498, #7fb08a, #86ab7c, #8da56f, #929c62, #949156, #92844a, #8d753f, #866636, #7d582f, #744b2a, #6c4127, #663a25. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, gray, light blue and brown linear gradient
- Seed: `kWKBy56wQ818XO9UnTXMpm34`
- Page: https://grabient.com/kWKBy56wQ818XO9UnTXMpm34?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: light center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 13.3 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 | `#040c1d` | `oklch(15.75% 0.0386 260.86)` | Tristesse | white, 19.5 to 1 |
| 2 | `#101a2b` | `oklch(21.80% 0.0358 258.80)` | Sambucus | white, 17.4 to 1 |
| 3 | `#25303f` | `oklch(30.49% 0.0315 256.13)` | Blue-Black | white, 13.3 to 1 |
| 4 | `#404b58` | `oklch(40.86% 0.0262 252.94)` | Dark Night | white, 8.8 to 1 |
| 5 | `#606a75` | `oklch(51.99% 0.0209 249.36)` | Granite Peak | white, 5.4 to 1 |
| 6 | `#818a92` | `oklch(62.92% 0.0160 245.51)` | Necron Compound | black, 5.9 to 1 |
| 7 | `#a0a8ae` | `oklch(72.71% 0.0124 241.50)` | Seryi Grey | black, 8.7 to 1 |
| 8 | `#b9c0c5` | `oklch(80.41% 0.0107 237.44)` | Skyline Steel | black, 11.4 to 1 |
| 9 | `#c7d0d5` | `oklch(85.12% 0.0115 233.47)` | Catalyst Grey | black, 13.3 to 1 |
| 10 | `#cbd7dd` | `oklch(87.14% 0.0153 229.85)` | Bit of Heaven | black, 14.2 to 1 |
| 11 | `#c7d8e0` | `oklch(87.17% 0.0215 226.45)` | Yeti Footprint | black, 14.3 to 1 |
| 12 | `#bdd5de` | `oklch(85.74% 0.0292 223.00)` | Winterscape | black, 13.7 to 1 |
| 13 | `#aecfd9` | `oklch(83.35% 0.0377 219.23)` | Hisoku Blue | black, 12.7 to 1 |
| 14 | `#9ec8d2` | `oklch(80.51% 0.0463 214.87)` | Soothing Blue | black, 11.6 to 1 |
| 15 | `#8ec1ca` | `oklch(77.74% 0.0543 209.64)` | Witness | black, 10.5 to 1 |
| 16 | `#81bbc1` | `oklch(75.53% 0.0609 203.27)` | Misty Cold Sea | black, 9.8 to 1 |
| 17 | `#79b9b9` | `oklch(74.27% 0.0655 195.44)` | Kingfisher Turquoise | black, 9.4 to 1 |
| 18 | `#75b8af` | `oklch(73.41% 0.0692 185.92)` | Cooled Blue | black, 9.1 to 1 |
| 19 | `#74b6a4` | `oklch(72.70% 0.0723 175.08)` | Turtle Lake | black, 8.9 to 1 |
| 20 | `#78b498` | `oklch(72.02% 0.0748 163.35)` | Padua | black, 8.7 to 1 |
| 21 | `#7fb08a` | `oklch(71.25% 0.0767 151.19)` | Mate Tea | black, 8.5 to 1 |
| 22 | `#86ab7c` | `oklch(70.25% 0.0781 139.03)` | Lush Fields | black, 8.1 to 1 |
| 23 | `#8da56f` | `oklch(68.91% 0.0791 127.31)` | Virtual Forest | black, 7.7 to 1 |
| 24 | `#929c62` | `oklch(67.08% 0.0798 116.49)` | Reptilian Leader | black, 7.1 to 1 |
| 25 | `#949156` | `oklch(64.56% 0.0800 106.43)` | Amazon Queen | black, 6.4 to 1 |
| 26 | `#92844a` | `oklch(61.21% 0.0793 96.15)` | Lucky Bamboo | black, 5.6 to 1 |
| 27 | `#8d753f` | `oklch(57.31% 0.0780 85.90)` | Reservation | black, 4.7 to 1 |
| 28 | `#866636` | `oklch(53.16% 0.0764 76.00)` | Dirt Brown | white, 5.3 to 1 |
| 29 | `#7d582f` | `oklch(49.03% 0.0745 66.78)` | Arable Brown | white, 6.3 to 1 |
| 30 | `#744b2a` | `oklch(45.23% 0.0727 58.54)` | Cape Palliser | white, 7.5 to 1 |
| 31 | `#6c4127` | `oklch(42.04% 0.0712 51.63)` | Davao Durian | white, 8.6 to 1 |
| 32 | `#663a25` | `oklch(39.76% 0.0703 46.34)` | In Caffeine We Trust | white, 9.5 to 1 |

## CSS

```css
background: linear-gradient(225deg, #040c1d 0.0%, #101a2b 3.2%, #25303f 6.5%, #404b58 9.7%, #606a75 12.9%, #818a92 16.1%, #a0a8ae 19.4%, #b9c0c5 22.6%, #c7d0d5 25.8%, #cbd7dd 29.0%, #c7d8e0 32.3%, #bdd5de 35.5%, #aecfd9 38.7%, #9ec8d2 41.9%, #8ec1ca 45.2%, #81bbc1 48.4%, #79b9b9 51.6%, #75b8af 54.8%, #74b6a4 58.1%, #78b498 61.3%, #7fb08a 64.5%, #86ab7c 67.7%, #8da56f 71.0%, #929c62 74.2%, #949156 77.4%, #92844a 80.6%, #8d753f 83.9%, #866636 87.1%, #7d582f 90.3%, #744b2a 93.5%, #6c4127 96.8%, #663a25 100.0%);
background: linear-gradient(225deg in oklch, oklch(15.75% 0.0386 260.86) 0.0%, oklch(21.80% 0.0358 258.80) 3.2%, oklch(30.49% 0.0315 256.13) 6.5%, oklch(40.86% 0.0262 252.94) 9.7%, oklch(51.99% 0.0209 249.36) 12.9%, oklch(62.92% 0.0160 245.51) 16.1%, oklch(72.71% 0.0124 241.50) 19.4%, oklch(80.41% 0.0107 237.44) 22.6%, oklch(85.12% 0.0115 233.47) 25.8%, oklch(87.14% 0.0153 229.85) 29.0%, oklch(87.17% 0.0215 226.45) 32.3%, oklch(85.74% 0.0292 223.00) 35.5%, oklch(83.35% 0.0377 219.23) 38.7%, oklch(80.51% 0.0463 214.87) 41.9%, oklch(77.74% 0.0543 209.64) 45.2%, oklch(75.53% 0.0609 203.27) 48.4%, oklch(74.27% 0.0655 195.44) 51.6%, oklch(73.41% 0.0692 185.92) 54.8%, oklch(72.70% 0.0723 175.08) 58.1%, oklch(72.02% 0.0748 163.35) 61.3%, oklch(71.25% 0.0767 151.19) 64.5%, oklch(70.25% 0.0781 139.03) 67.7%, oklch(68.91% 0.0791 127.31) 71.0%, oklch(67.08% 0.0798 116.49) 74.2%, oklch(64.56% 0.0800 106.43) 77.4%, oklch(61.21% 0.0793 96.15) 80.6%, oklch(57.31% 0.0780 85.90) 83.9%, oklch(53.16% 0.0764 76.00) 87.1%, oklch(49.03% 0.0745 66.78) 90.3%, oklch(45.23% 0.0727 58.54) 93.5%, oklch(42.04% 0.0712 51.63) 96.8%, oklch(39.76% 0.0703 46.34) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.157 | 0.039 | 260.9 |
| 2 | 0.843 | 0.011 | 234.4 |
| 3 | 0.748 | 0.063 | 199.6 |
| 4 | 0.665 | 0.08 | 114 |
| 5 | 0.398 | 0.07 | 46.3 |

## In these collections

- [Canola fields storm sky](https://grabient.com/canola-fields-storm-sky)

## Other forms

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