# Deep teal mint beam

Analogous black, blue, gray and teal linear gradient with 64 colors: #031a18, #031d1b, #042120, #062526, #082a2d, #0b3035, #0f363e, #143c48, #1b4252, #22495c, #2a5066, #325671, #3a5d7b, #426484, #496b8c, #507194, #55789b, #5980a1, #5e88a6, #6391ab, #699baf, #70a4b2, #79adb4, #84b5b6, #8fbdb8, #9bc4b9, #a7cabb, #b2cfbd, #bbd3c0, #c3d6c2, #c8d8c4, #cbd9c5, #cbd9c4, #c9d7c2, #c4d3be, #bdceb9, #b4c8b3, #a9c0ad, #9db9a7, #91b0a0, #84a89b, #779f95, #6b9791, #60908c, #578989, #4f8387, #487e85, #447b84, #417a84, #3f7a85, #3e7b86, #3e7d88, #3e808b, #3f848e, #418991, #438d94, #459298, #48979b, #4b9c9e, #4ea1a1, #51a6a3, #53a9a5, #55ada7, #57afa8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous black, blue, gray and teal linear gradient
- Seed: `kWMhaFxpjHO6LsnFlki2J89g`
- Page: https://grabient.com/kWMhaFxpjHO6LsnFlki2J89g?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: light center, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 12.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 | `#031a18` | `oklch(19.69% 0.0303 187.73)` | Black Stallion | white, 18 to 1 |
| 2 | `#031d1b` | `oklch(20.97% 0.0318 190.25)` | Stellar Explorer | white, 17.5 to 1 |
| 3 | `#042120` | `oklch(22.53% 0.0338 193.79)` | Stellar Explorer | white, 16.9 to 1 |
| 4 | `#062526` | `oklch(24.34% 0.0362 198.16)` | Teal Spill | white, 16.1 to 1 |
| 5 | `#082a2d` | `oklch(26.36% 0.0389 203.19)` | Black Box | white, 15.1 to 1 |
| 6 | `#0b3035` | `oklch(28.56% 0.0419 208.69)` | Roof Tile Green | white, 14.1 to 1 |
| 7 | `#0f363e` | `oklch(30.91% 0.0451 214.49)` | Firmament Blue | white, 13 to 1 |
| 8 | `#143c48` | `oklch(33.39% 0.0483 220.40)` | Sunken Harbour | white, 11.8 to 1 |
| 9 | `#1b4252` | `oklch(35.95% 0.0516 226.23)` | Cold and Dark | white, 10.7 to 1 |
| 10 | `#22495c` | `oklch(38.58% 0.0547 231.82)` | Arapawa | white, 9.6 to 1 |
| 11 | `#2a5066` | `oklch(41.23% 0.0577 236.96)` | Blue Lava | white, 8.6 to 1 |
| 12 | `#325671` | `oklch(43.89% 0.0605 241.50)` | Winner’s Circle | white, 7.7 to 1 |
| 13 | `#3a5d7b` | `oklch(46.51% 0.0629 245.23)` | Chinese Porcelain | white, 6.9 to 1 |
| 14 | `#426484` | `oklch(49.06% 0.0649 247.99)` | Blue Ashes | white, 6.2 to 1 |
| 15 | `#496b8c` | `oklch(51.52% 0.0664 249.58)` | Revel Blue | white, 5.5 to 1 |
| 16 | `#507194` | `oklch(53.86% 0.0673 249.83)` | Caspian Sea | white, 5 to 1 |
| 17 | `#55789b` | `oklch(56.05% 0.0675 248.54)` | Quiet Harbour | white, 4.6 to 1 |
| 18 | `#5980a1` | `oklch(58.34% 0.0669 245.32)` | Blue Beads | black, 5 to 1 |
| 19 | `#5e88a6` | `oklch(60.80% 0.0657 240.28)` | Air Force Blue | black, 5.5 to 1 |
| 20 | `#6391ab` | `oklch(63.37% 0.0638 233.70)` | Blue Cruise | black, 6.1 to 1 |
| 21 | `#699baf` | `oklch(66.02% 0.0614 225.85)` | Yacht Blue | black, 6.8 to 1 |
| 22 | `#70a4b2` | `oklch(68.69% 0.0586 217.01)` | Stillwater | black, 7.6 to 1 |
| 23 | `#79adb4` | `oklch(71.35% 0.0555 207.47)` | Water Glitter | black, 8.4 to 1 |
| 24 | `#84b5b6` | `oklch(73.95% 0.0522 197.49)` | Cold Front Green | black, 9.2 to 1 |
| 25 | `#8fbdb8` | `oklch(76.43% 0.0489 187.37)` | Blithe Blue | black, 10.1 to 1 |
| 26 | `#9bc4b9` | `oklch(78.77% 0.0455 177.38)` | Stanley | black, 10.9 to 1 |
| 27 | `#a7cabb` | `oklch(80.90% 0.0423 167.80)` | Greywacke | black, 11.7 to 1 |
| 28 | `#b2cfbd` | `oklch(82.78% 0.0393 158.91)` | Gossamer Green | black, 12.5 to 1 |
| 29 | `#bbd3c0` | `oklch(84.38% 0.0367 150.98)` | Garden Statue | black, 13.1 to 1 |
| 30 | `#c3d6c2` | `oklch(85.64% 0.0345 144.31)` | Misty Lake | black, 13.7 to 1 |
| 31 | `#c8d8c4` | `oklch(86.51% 0.0329 139.15)` | Marsh Fog | black, 14.1 to 1 |
| 32 | `#cbd9c5` | `oklch(86.96% 0.0319 135.81)` | Garden Mint | black, 14.2 to 1 |
| 33 | `#cbd9c4` | `oklch(86.91% 0.0316 134.49)` | Garden Mint | black, 14.2 to 1 |
| 34 | `#c9d7c2` | `oklch(86.23% 0.0319 135.00)` | French Limestone | black, 13.9 to 1 |
| 35 | `#c4d3be` | `oklch(84.97% 0.0327 137.07)` | Budding Green | black, 13.4 to 1 |
| 36 | `#bdceb9` | `oklch(83.21% 0.0338 140.50)` | Sunlit Sea | black, 12.6 to 1 |
| 37 | `#b4c8b3` | `oklch(81.06% 0.0354 145.06)` | Aqua Dream | black, 11.8 to 1 |
| 38 | `#a9c0ad` | `oklch(78.58% 0.0372 150.55)` | Young Gecko | black, 10.8 to 1 |
| 39 | `#9db9a7` | `oklch(75.86% 0.0392 156.74)` | Spearmint Haze | black, 9.8 to 1 |
| 40 | `#91b0a0` | `oklch(73.00% 0.0415 163.42)` | Longfellow | black, 8.9 to 1 |
| 41 | `#84a89b` | `oklch(70.06% 0.0439 170.37)` | Beckett | black, 8 to 1 |
| 42 | `#779f95` | `oklch(67.15% 0.0464 177.37)` | Vizcaya | black, 7.2 to 1 |
| 43 | `#6b9791` | `oklch(64.35% 0.0489 184.21)` | Pale Verdigris | black, 6.4 to 1 |
| 44 | `#60908c` | `oklch(61.73% 0.0514 190.67)` | Oil Blue | black, 5.8 to 1 |
| 45 | `#578989` | `oklch(59.39% 0.0538 196.54)` | Evora | black, 5.3 to 1 |
| 46 | `#4f8387` | `oklch(57.41% 0.0561 201.59)` | Rainier Blue | black, 4.9 to 1 |
| 47 | `#487e85` | `oklch(55.88% 0.0583 205.62)` | For the Love of Hue | black, 4.6 to 1 |
| 48 | `#447b84` | `oklch(54.88% 0.0602 208.39)` | Mysterious Blue | white, 4.7 to 1 |
| 49 | `#417a84` | `oklch(54.43% 0.0619 209.92)` | Mysterious Blue | white, 4.8 to 1 |
| 50 | `#3f7a85` | `oklch(54.39% 0.0637 210.66)` | Mysterious Blue | white, 4.8 to 1 |
| 51 | `#3e7b86` | `oklch(54.71% 0.0655 210.70)` | Mysterious Blue | white, 4.7 to 1 |
| 52 | `#3e7d88` | `oklch(55.34% 0.0674 210.15)` | For the Love of Hue | white, 4.6 to 1 |
| 53 | `#3e808b` | `oklch(56.24% 0.0692 209.09)` | Shady Blue | black, 4.6 to 1 |
| 54 | `#3f848e` | `oklch(57.34% 0.0710 207.61)` | Sea Caller | black, 4.9 to 1 |
| 55 | `#418991` | `oklch(58.62% 0.0729 205.79)` | Flounce | black, 5.1 to 1 |
| 56 | `#438d94` | `oklch(60.01% 0.0746 203.72)` | Aqueous | black, 5.4 to 1 |
| 57 | `#459298` | `oklch(61.47% 0.0763 201.50)` | Asagi Blue | black, 5.8 to 1 |
| 58 | `#48979b` | `oklch(62.96% 0.0780 199.20)` | Aquatic Green | black, 6.2 to 1 |
| 59 | `#4b9c9e` | `oklch(64.42% 0.0795 196.92)` | Coolbox Ice Turquoise | black, 6.5 to 1 |
| 60 | `#4ea1a1` | `oklch(65.81% 0.0810 194.73)` | Teal Bayou | black, 6.9 to 1 |
| 61 | `#51a6a3` | `oklch(67.08% 0.0823 192.74)` | Twilight Meadow | black, 7.3 to 1 |
| 62 | `#53a9a5` | `oklch(68.18% 0.0835 191.03)` | Emerald Succulent | black, 7.6 to 1 |
| 63 | `#55ada7` | `oklch(69.06% 0.0846 189.68)` | Emerald Succulent | black, 7.8 to 1 |
| 64 | `#57afa8` | `oklch(69.69% 0.0854 188.79)` | Artesian Well | black, 8 to 1 |

## CSS

```css
background: linear-gradient(225deg, #031a18 0.0%, #031d1b 1.6%, #042120 3.2%, #062526 4.8%, #082a2d 6.3%, #0b3035 7.9%, #0f363e 9.5%, #143c48 11.1%, #1b4252 12.7%, #22495c 14.3%, #2a5066 15.9%, #325671 17.5%, #3a5d7b 19.0%, #426484 20.6%, #496b8c 22.2%, #507194 23.8%, #55789b 25.4%, #5980a1 27.0%, #5e88a6 28.6%, #6391ab 30.2%, #699baf 31.7%, #70a4b2 33.3%, #79adb4 34.9%, #84b5b6 36.5%, #8fbdb8 38.1%, #9bc4b9 39.7%, #a7cabb 41.3%, #b2cfbd 42.9%, #bbd3c0 44.4%, #c3d6c2 46.0%, #c8d8c4 47.6%, #cbd9c5 49.2%, #cbd9c4 50.8%, #c9d7c2 52.4%, #c4d3be 54.0%, #bdceb9 55.6%, #b4c8b3 57.1%, #a9c0ad 58.7%, #9db9a7 60.3%, #91b0a0 61.9%, #84a89b 63.5%, #779f95 65.1%, #6b9791 66.7%, #60908c 68.3%, #578989 69.8%, #4f8387 71.4%, #487e85 73.0%, #447b84 74.6%, #417a84 76.2%, #3f7a85 77.8%, #3e7b86 79.4%, #3e7d88 81.0%, #3e808b 82.5%, #3f848e 84.1%, #418991 85.7%, #438d94 87.3%, #459298 88.9%, #48979b 90.5%, #4b9c9e 92.1%, #4ea1a1 93.7%, #51a6a3 95.2%, #53a9a5 96.8%, #55ada7 98.4%, #57afa8 100.0%);
background: linear-gradient(225deg in oklch, oklch(19.69% 0.0303 187.73) 0.0%, oklch(20.97% 0.0318 190.25) 1.6%, oklch(22.53% 0.0338 193.79) 3.2%, oklch(24.34% 0.0362 198.16) 4.8%, oklch(26.36% 0.0389 203.19) 6.3%, oklch(28.56% 0.0419 208.69) 7.9%, oklch(30.91% 0.0451 214.49) 9.5%, oklch(33.39% 0.0483 220.40) 11.1%, oklch(35.95% 0.0516 226.23) 12.7%, oklch(38.58% 0.0547 231.82) 14.3%, oklch(41.23% 0.0577 236.96) 15.9%, oklch(43.89% 0.0605 241.50) 17.5%, oklch(46.51% 0.0629 245.23) 19.0%, oklch(49.06% 0.0649 247.99) 20.6%, oklch(51.52% 0.0664 249.58) 22.2%, oklch(53.86% 0.0673 249.83) 23.8%, oklch(56.05% 0.0675 248.54) 25.4%, oklch(58.34% 0.0669 245.32) 27.0%, oklch(60.80% 0.0657 240.28) 28.6%, oklch(63.37% 0.0638 233.70) 30.2%, oklch(66.02% 0.0614 225.85) 31.7%, oklch(68.69% 0.0586 217.01) 33.3%, oklch(71.35% 0.0555 207.47) 34.9%, oklch(73.95% 0.0522 197.49) 36.5%, oklch(76.43% 0.0489 187.37) 38.1%, oklch(78.77% 0.0455 177.38) 39.7%, oklch(80.90% 0.0423 167.80) 41.3%, oklch(82.78% 0.0393 158.91) 42.9%, oklch(84.38% 0.0367 150.98) 44.4%, oklch(85.64% 0.0345 144.31) 46.0%, oklch(86.51% 0.0329 139.15) 47.6%, oklch(86.96% 0.0319 135.81) 49.2%, oklch(86.91% 0.0316 134.49) 50.8%, oklch(86.23% 0.0319 135.00) 52.4%, oklch(84.97% 0.0327 137.07) 54.0%, oklch(83.21% 0.0338 140.50) 55.6%, oklch(81.06% 0.0354 145.06) 57.1%, oklch(78.58% 0.0372 150.55) 58.7%, oklch(75.86% 0.0392 156.74) 60.3%, oklch(73.00% 0.0415 163.42) 61.9%, oklch(70.06% 0.0439 170.37) 63.5%, oklch(67.15% 0.0464 177.37) 65.1%, oklch(64.35% 0.0489 184.21) 66.7%, oklch(61.73% 0.0514 190.67) 68.3%, oklch(59.39% 0.0538 196.54) 69.8%, oklch(57.41% 0.0561 201.59) 71.4%, oklch(55.88% 0.0583 205.62) 73.0%, oklch(54.88% 0.0602 208.39) 74.6%, oklch(54.43% 0.0619 209.92) 76.2%, oklch(54.39% 0.0637 210.66) 77.8%, oklch(54.71% 0.0655 210.70) 79.4%, oklch(55.34% 0.0674 210.15) 81.0%, oklch(56.24% 0.0692 209.09) 82.5%, oklch(57.34% 0.0710 207.61) 84.1%, oklch(58.62% 0.0729 205.79) 85.7%, oklch(60.01% 0.0746 203.72) 87.3%, oklch(61.47% 0.0763 201.50) 88.9%, oklch(62.96% 0.0780 199.20) 90.5%, oklch(64.42% 0.0795 196.92) 92.1%, oklch(65.81% 0.0810 194.73) 93.7%, oklch(67.08% 0.0823 192.74) 95.2%, oklch(68.18% 0.0835 191.03) 96.8%, oklch(69.06% 0.0846 189.68) 98.4%, oklch(69.69% 0.0854 188.79) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.197 | 0.03 | 187.7 |
| 2 | 0.555 | 0.068 | 249 |
| 3 | 0.87 | 0.032 | 134.9 |
| 4 | 0.547 | 0.061 | 208.9 |
| 5 | 0.697 | 0.085 | 188.8 |

## In these collections

- [Turquoise](https://grabient.com/turquoise)

## Other forms

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