# Near-Black Teal Near-Black Halo

This radial gradient moves from the center outward through near-black, deep orange, deep yellow, deep teal, muted blue, muted violet, and near-black. The complete visible route keeps the collection’s named color relationship clear while providing distinct light and dark areas for type, marks, and framing.

- Also called: Black, dark green, blue and gray linear gradient
- Seed: `kWJiH4J5ZNjcdUJYjsKCo1IQ`
- Page: https://grabient.com/kWJiH4J5ZNjcdUJYjsKCo1IQ?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, dark
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 7.8 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 | `#18030e` | `oklch(14.96% 0.0455 348.75)` | Crow | white, 19.8 to 1 |
| 2 | `#1d040e` | `oklch(16.28% 0.0467 357.79)` | Crow | white, 19.4 to 1 |
| 3 | `#23070d` | `oklch(18.08% 0.0482 9.67)` | Sepia Black | white, 18.9 to 1 |
| 4 | `#290c0b` | `oklch(20.22% 0.0500 23.80)` | Root Brew | white, 18.2 to 1 |
| 5 | `#301208` | `oklch(22.57% 0.0521 39.61)` | Darkout | white, 17.2 to 1 |
| 6 | `#351a04` | `oklch(25.01% 0.0543 56.51)` | Powdered Cocoa | white, 16.1 to 1 |
| 7 | `#382201` | `oklch(27.41% 0.0566 73.94)` | Black Swan | white, 14.9 to 1 |
| 8 | `#382b02` | `oklch(29.63% 0.0589 91.30)` | Secret Passage | white, 13.8 to 1 |
| 9 | `#353408` | `oklch(31.55% 0.0612 108.15)` | Wasabi Nori | white, 12.8 to 1 |
| 10 | `#2d3c14` | `oklch(33.14% 0.0642 126.46)` | Hinterlands Green | white, 11.9 to 1 |
| 11 | `#1f4323` | `oklch(34.51% 0.0677 146.43)` | Myrtle | white, 11.2 to 1 |
| 12 | `#034835` | `oklch(35.78% 0.0715 167.13)` | Zucchini | white, 10.5 to 1 |
| 13 | `#004b46` | `oklch(37.06% 0.0645 187.62)` | Tropical Forest | white, 10 to 1 |
| 14 | `#004d55` | `oklch(38.47% 0.0660 207.04)` | Watercolour Blue | white, 9.5 to 1 |
| 15 | `#005066` | `oklch(40.12% 0.0756 224.39)` | Hanada Blue | white, 8.9 to 1 |
| 16 | `#195374` | `oklch(42.13% 0.0803 238.71)` | Midnight Sonata | white, 8.3 to 1 |
| 17 | `#2f587f` | `oklch(44.78% 0.0789 249.16)` | Breonne Blue | white, 7.4 to 1 |
| 18 | `#42628a` | `oklch(48.85% 0.0754 255.49)` | Federal Blue | white, 6.3 to 1 |
| 19 | `#556f97` | `oklch(53.86% 0.0702 258.69)` | Riverside | white, 5 to 1 |
| 20 | `#677fa4` | `oklch(59.17% 0.0639 259.82)` | Blue Boater | black, 5.1 to 1 |
| 21 | `#788db0` | `oklch(64.11% 0.0572 259.98)` | Ashton Skies | black, 6.2 to 1 |
| 22 | `#8699b8` | `oklch(68.02% 0.0507 260.22)` | Forever Blue | black, 7.2 to 1 |
| 23 | `#90a0bc` | `oklch(70.26% 0.0450 261.63)` | Electric Sky | black, 7.9 to 1 |
| 24 | `#939fb9` | `oklch(70.15% 0.0407 265.29)` | Skyline | black, 7.8 to 1 |
| 25 | `#8d94ad` | `oklch(66.95% 0.0381 271.91)` | Cool Grey | black, 6.9 to 1 |
| 26 | `#7d8098` | `oklch(60.55% 0.0365 280.77)` | Blue Intrigue | black, 5.4 to 1 |
| 27 | `#68657c` | `oklch(51.88% 0.0357 291.09)` | Swollen Sky | white, 5.5 to 1 |
| 28 | `#50485d` | `oklch(41.91% 0.0354 302.08)` | Violet Shadow | white, 8.6 to 1 |
| 29 | `#382d3f` | `oklch(31.61% 0.0355 312.99)` | Valentino Nero | white, 13 to 1 |
| 30 | `#221524` | `oklch(21.92% 0.0357 323.03)` | Inside | white, 17.5 to 1 |
| 31 | `#11040f` | `oklch(13.82% 0.0359 331.45)` | Noir Fiction | white, 20 to 1 |
| 32 | `#060004` | `oklch(8.27% 0.0358 337.48)` | Raven’s Coat | white, 20.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #18030e 0.0%, #1d040e 3.2%, #23070d 6.5%, #290c0b 9.7%, #301208 12.9%, #351a04 16.1%, #382201 19.4%, #382b02 22.6%, #353408 25.8%, #2d3c14 29.0%, #1f4323 32.3%, #034835 35.5%, #004b46 38.7%, #004d55 41.9%, #005066 45.2%, #195374 48.4%, #2f587f 51.6%, #42628a 54.8%, #556f97 58.1%, #677fa4 61.3%, #788db0 64.5%, #8699b8 67.7%, #90a0bc 71.0%, #939fb9 74.2%, #8d94ad 77.4%, #7d8098 80.6%, #68657c 83.9%, #50485d 87.1%, #382d3f 90.3%, #221524 93.5%, #11040f 96.8%, #060004 100.0%);
background: linear-gradient(135deg in oklch, oklch(14.96% 0.0455 348.75) 0.0%, oklch(16.28% 0.0467 357.79) 3.2%, oklch(18.08% 0.0482 9.67) 6.5%, oklch(20.22% 0.0500 23.80) 9.7%, oklch(22.57% 0.0521 39.61) 12.9%, oklch(25.01% 0.0543 56.51) 16.1%, oklch(27.41% 0.0566 73.94) 19.4%, oklch(29.63% 0.0589 91.30) 22.6%, oklch(31.55% 0.0612 108.15) 25.8%, oklch(33.14% 0.0642 126.46) 29.0%, oklch(34.51% 0.0677 146.43) 32.3%, oklch(35.78% 0.0715 167.13) 35.5%, oklch(37.06% 0.0645 187.62) 38.7%, oklch(38.47% 0.0660 207.04) 41.9%, oklch(40.12% 0.0756 224.39) 45.2%, oklch(42.13% 0.0803 238.71) 48.4%, oklch(44.78% 0.0789 249.16) 51.6%, oklch(48.85% 0.0754 255.49) 54.8%, oklch(53.86% 0.0702 258.69) 58.1%, oklch(59.17% 0.0639 259.82) 61.3%, oklch(64.11% 0.0572 259.98) 64.5%, oklch(68.02% 0.0507 260.22) 67.7%, oklch(70.26% 0.0450 261.63) 71.0%, oklch(70.15% 0.0407 265.29) 74.2%, oklch(66.95% 0.0381 271.91) 77.4%, oklch(60.55% 0.0365 280.77) 80.6%, oklch(51.88% 0.0357 291.09) 83.9%, oklch(41.91% 0.0354 302.08) 87.1%, oklch(31.61% 0.0355 312.99) 90.3%, oklch(21.92% 0.0357 323.03) 93.5%, oklch(13.82% 0.0359 331.45) 96.8%, oklch(8.27% 0.0358 337.48) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.15 | 0.045 | 348.8 |
| 2 | 0.311 | 0.061 | 463.9 |
| 3 | 0.433 | 0.08 | 604.5 |
| 4 | 0.697 | 0.04 | 626.7 |
| 5 | 0.083 | 0.036 | 697.5 |

## In these collections

- [Muted rainbow gradients](https://grabient.com/muted-rainbow-gradients)

## Other forms

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