# Near-Black Teal Magenta Passage

This diagonal gradient moves through near-black teal, green, bright green, bright teal, bright cyan blue, blue, and closes in magenta. The continuous route preserves several useful light and dark areas for foreground elements. Use it for digital fashion graphics, music artwork, event posters, or bold interface backgrounds with a glossy electronic mood.

- Also called: Dark green, teal, blue and purple linear gradient
- Seed: `kUJxZ5ZtC9lg_SzUckkg`
- Page: https://grabient.com/kUJxZ5ZtC9lg_SzUckkg?steps=32&angle=200
- Drawn as: linear gradient, 32 steps, 200 degrees
- Kinds: light center, vivid, neon, cool, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 12.4 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 | `#00100a` | `oklch(15.35% 0.0303 170.16)` | Alpine Salamander | white, 19.4 to 1 |
| 2 | `#001a11` | `oklch(19.45% 0.0393 168.27)` | Pinch of Pepper | white, 18.1 to 1 |
| 3 | `#00291c` | `oklch(25.06% 0.0522 165.67)` | Deep Slate Green | white, 15.6 to 1 |
| 4 | `#003d27` | `oklch(31.85% 0.0696 162.29)` | Angel Green | white, 12.3 to 1 |
| 5 | `#005433` | `oklch(39.43% 0.0914 158.52)` | Permanent Green | white, 9 to 1 |
| 6 | `#006e3d` | `oklch(47.41% 0.1178 154.76)` | Dartmouth Green | white, 6.3 to 1 |
| 7 | `#008a43` | `oklch(55.40% 0.1478 151.37)` | The Wild Apothecary | black, 4.7 to 1 |
| 8 | `#1aa449` | `oklch(63.01% 0.1711 148.74)` | Green Pigment | black, 6.4 to 1 |
| 9 | `#2bbc50` | `oklch(69.86% 0.1910 147.21)` | Vegan Mastermind | black, 8.4 to 1 |
| 10 | `#30d159` | `oklch(75.56% 0.2075 147.18)` | Brazilianite | black, 10.3 to 1 |
| 11 | `#1de166` | `oklch(79.73% 0.2192 149.00)` | Limonana | black, 12 to 1 |
| 12 | `#00ea7e` | `oklch(82.12% 0.2115 152.99)` | Weird Green | black, 13 to 1 |
| 13 | `#00ec99` | `oklch(83.13% 0.1910 159.06)` | Mega Teal | black, 13.4 to 1 |
| 14 | `#00eaaf` | `oklch(83.01% 0.1704 166.85)` | Overchlorinated Pool | black, 13.3 to 1 |
| 15 | `#00e4c0` | `oklch(81.99% 0.1533 176.00)` | Celestial Green | black, 12.8 to 1 |
| 16 | `#00dbcc` | `oklch(80.30% 0.1407 186.15)` | Mint Morning | black, 12 to 1 |
| 17 | `#00d1d5` | `oklch(78.18% 0.1331 196.94)` | Jade Glass | black, 11.1 to 1 |
| 18 | `#00c7dc` | `oklch(75.85% 0.1304 208.01)` | The Crowd Roars! | black, 10.1 to 1 |
| 19 | `#00bce2` | `oklch(73.55% 0.1330 219.00)` | Maldives | black, 9.3 to 1 |
| 20 | `#00b2ea` | `oklch(71.50% 0.1418 229.56)` | Lynx Screen Blue | black, 8.5 to 1 |
| 21 | `#00a9f5` | `oklch(69.95% 0.1584 239.31)` | Vivid Cerulean | black, 7.9 to 1 |
| 22 | `#28a1ff` | `oklch(69.06% 0.1711 248.00)` | Rockman Blue | black, 7.6 to 1 |
| 23 | `#4e99ff` | `oklch(68.46% 0.1680 256.67)` | Blue Chaos | black, 7.3 to 1 |
| 24 | `#6692ff` | `oklch(67.96% 0.1682 265.53)` | Blue Chaos | black, 7.1 to 1 |
| 25 | `#798aff` | `oklch(67.55% 0.1720 274.42)` | Orchid | black, 6.9 to 1 |
| 26 | `#8a82ff` | `oklch(67.22% 0.1795 283.17)` | Periwinkle | black, 6.7 to 1 |
| 27 | `#9a79ff` | `oklch(66.96% 0.1913 291.61)` | Forgotten Purple | black, 6.5 to 1 |
| 28 | `#a96eff` | `oklch(66.75% 0.2079 299.58)` | Purple Illusionist | black, 6.3 to 1 |
| 29 | `#b961ff` | `oklch(66.58% 0.2297 306.91)` | Jacaranda Pink | black, 6.2 to 1 |
| 30 | `#c94fff` | `oklch(66.43% 0.2569 313.43)` | Pink Fever | black, 6 to 1 |
| 31 | `#d933ff` | `oklch(66.29% 0.2888 318.98)` | Epink | black, 5.8 to 1 |
| 32 | `#e500fb` | `oklch(66.15% 0.3119 323.38)` | Phlox | black, 5.7 to 1 |

## CSS

```css
background: linear-gradient(200deg, #00100a 0.0%, #001a11 3.2%, #00291c 6.5%, #003d27 9.7%, #005433 12.9%, #006e3d 16.1%, #008a43 19.4%, #1aa449 22.6%, #2bbc50 25.8%, #30d159 29.0%, #1de166 32.3%, #00ea7e 35.5%, #00ec99 38.7%, #00eaaf 41.9%, #00e4c0 45.2%, #00dbcc 48.4%, #00d1d5 51.6%, #00c7dc 54.8%, #00bce2 58.1%, #00b2ea 61.3%, #00a9f5 64.5%, #28a1ff 67.7%, #4e99ff 71.0%, #6692ff 74.2%, #798aff 77.4%, #8a82ff 80.6%, #9a79ff 83.9%, #a96eff 87.1%, #b961ff 90.3%, #c94fff 93.5%, #d933ff 96.8%, #e500fb 100.0%);
background: linear-gradient(200deg in oklch, oklch(15.35% 0.0303 170.16) 0.0%, oklch(19.45% 0.0393 168.27) 3.2%, oklch(25.06% 0.0522 165.67) 6.5%, oklch(31.85% 0.0696 162.29) 9.7%, oklch(39.43% 0.0914 158.52) 12.9%, oklch(47.41% 0.1178 154.76) 16.1%, oklch(55.40% 0.1478 151.37) 19.4%, oklch(63.01% 0.1711 148.74) 22.6%, oklch(69.86% 0.1910 147.21) 25.8%, oklch(75.56% 0.2075 147.18) 29.0%, oklch(79.73% 0.2192 149.00) 32.3%, oklch(82.12% 0.2115 152.99) 35.5%, oklch(83.13% 0.1910 159.06) 38.7%, oklch(83.01% 0.1704 166.85) 41.9%, oklch(81.99% 0.1533 176.00) 45.2%, oklch(80.30% 0.1407 186.15) 48.4%, oklch(78.18% 0.1331 196.94) 51.6%, oklch(75.85% 0.1304 208.01) 54.8%, oklch(73.55% 0.1330 219.00) 58.1%, oklch(71.50% 0.1418 229.56) 61.3%, oklch(69.95% 0.1584 239.31) 64.5%, oklch(69.06% 0.1711 248.00) 67.7%, oklch(68.46% 0.1680 256.67) 71.0%, oklch(67.96% 0.1682 265.53) 74.2%, oklch(67.55% 0.1720 274.42) 77.4%, oklch(67.22% 0.1795 283.17) 80.6%, oklch(66.96% 0.1913 291.61) 83.9%, oklch(66.75% 0.2079 299.58) 87.1%, oklch(66.58% 0.2297 306.91) 90.3%, oklch(66.43% 0.2569 313.43) 93.5%, oklch(66.29% 0.2888 318.98) 96.8%, oklch(66.15% 0.3119 323.38) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.154 | 0.03 | 170.2 |
| 2 | 0.807 | 0.222 | 150.1 |
| 3 | 0.693 | 0.174 | 245.2 |
| 4 | 0.661 | 0.314 | 323.4 |

## In these collections

- [Glitchy glam](https://grabient.com/glitchy-glam)

## Other forms

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