# Teal and black linear gradient

Teal and black linear gradient with 64 colors: #5ec19a, #5bbe99, #56ba97, #52b595, #4cb093, #47ab90, #41a48e, #3b9e8a, #359787, #2f9083, #29897f, #24817a, #1f7a76, #1a7271, #156a6b, #116366, #0e5b60, #0b545b, #084d55, #06464f, #05404a, #043a44, #03343f, #022f3a, #022a36, #022632, #01232e, #011f2b, #011d28, #011b26, #001924, #001823, #001823, #001924, #001a25, #001b27, #001e29, #00202c, #00242f, #002733, #002b37, #00303b, #003540, #003b45, #00404a, #00474f, #014d55, #02545a, #045a5f, #066164, #0b6969, #0f706e, #147772, #1a7e77, #1f847b, #258b7e, #2a9181, #309784, #359d87, #3ba289, #3fa78b, #44ab8d, #48af8f, #4bb290. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSvFB1mQ5HlgnuK`
- Page: https://grabient.com/kSvFB1mQ5HlgnuK?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: dark center, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.2 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 | `#5ec19a` | `oklch(74.02% 0.1102 165.23)` | Silver Tree | black, 9.5 to 1 |
| 2 | `#5bbe99` | `oklch(73.05% 0.1090 166.38)` | Expressionism Green | black, 9.2 to 1 |
| 3 | `#56ba97` | `oklch(71.88% 0.1074 167.77)` | Expressionism Green | black, 8.8 to 1 |
| 4 | `#52b595` | `oklch(70.53% 0.1056 169.38)` | Electra | black, 8.4 to 1 |
| 5 | `#4cb093` | `oklch(69.01% 0.1036 171.19)` | Green Blue | black, 7.9 to 1 |
| 6 | `#47ab90` | `oklch(67.34% 0.1014 173.18)` | Hole in One | black, 7.4 to 1 |
| 7 | `#41a48e` | `oklch(65.53% 0.0990 175.34)` | Marine Green | black, 6.9 to 1 |
| 8 | `#3b9e8a` | `oklch(63.60% 0.0964 177.64)` | Dioptase Green | black, 6.4 to 1 |
| 9 | `#359787` | `oklch(61.56% 0.0937 180.08)` | Temple Guard Blue | black, 5.9 to 1 |
| 10 | `#2f9083` | `oklch(59.42% 0.0908 182.62)` | Ocean Liner | black, 5.4 to 1 |
| 11 | `#29897f` | `oklch(57.21% 0.0879 185.26)` | Copper Turquoise | black, 4.9 to 1 |
| 12 | `#24817a` | `oklch(54.94% 0.0849 187.97)` | Autumn Pine Green | white, 4.6 to 1 |
| 13 | `#1f7a76` | `oklch(52.62% 0.0818 190.73)` | Ivy | white, 5.1 to 1 |
| 14 | `#1a7271` | `oklch(50.26% 0.0787 193.54)` | Artisan Green | white, 5.7 to 1 |
| 15 | `#156a6b` | `oklch(47.89% 0.0755 196.36)` | Bath Green | white, 6.3 to 1 |
| 16 | `#116366` | `oklch(45.52% 0.0724 199.19)` | Caribbean Swim | white, 7 to 1 |
| 17 | `#0e5b60` | `oklch(43.16% 0.0692 202.00)` | Enamelled Jewel | white, 7.7 to 1 |
| 18 | `#0b545b` | `oklch(40.83% 0.0661 204.77)` | Seaworld | white, 8.6 to 1 |
| 19 | `#084d55` | `oklch(38.55% 0.0631 207.49)` | Watercolour Blue | white, 9.5 to 1 |
| 20 | `#06464f` | `oklch(36.32% 0.0602 210.13)` | Midnight Green | white, 10.4 to 1 |
| 21 | `#05404a` | `oklch(34.17% 0.0573 212.69)` | Cold and Dark | white, 11.4 to 1 |
| 22 | `#043a44` | `oklch(32.11% 0.0546 215.14)` | Natural Indigo | white, 12.4 to 1 |
| 23 | `#03343f` | `oklch(30.15% 0.0520 217.46)` | Artist Blue | white, 13.3 to 1 |
| 24 | `#022f3a` | `oklch(28.31% 0.0496 219.63)` | Black Chasm | white, 14.2 to 1 |
| 25 | `#022a36` | `oklch(26.61% 0.0474 221.65)` | Daintree | white, 15 to 1 |
| 26 | `#022632` | `oklch(25.06% 0.0454 223.48)` | Daintree | white, 15.8 to 1 |
| 27 | `#01232e` | `oklch(23.67% 0.0436 225.11)` | Midnight Dreams | white, 16.4 to 1 |
| 28 | `#011f2b` | `oklch(22.47% 0.0420 226.52)` | Cyanophobia | white, 17 to 1 |
| 29 | `#011d28` | `oklch(21.46% 0.0407 227.70)` | Oxford by Night | white, 17.4 to 1 |
| 30 | `#011b26` | `oklch(20.66% 0.0397 228.62)` | Creeping Death | white, 17.7 to 1 |
| 31 | `#001924` | `oklch(20.09% 0.0390 229.27)` | Creeping Death | white, 17.9 to 1 |
| 32 | `#001823` | `oklch(19.76% 0.0386 229.63)` | Creeping Death | white, 18.1 to 1 |
| 33 | `#001823` | `oklch(19.68% 0.0386 229.68)` | Creeping Death | white, 18.1 to 1 |
| 34 | `#001924` | `oklch(19.86% 0.0389 229.43)` | Creeping Death | white, 18 to 1 |
| 35 | `#001a25` | `oklch(20.27% 0.0396 228.88)` | Creeping Death | white, 17.9 to 1 |
| 36 | `#001b27` | `oklch(20.91% 0.0405 228.07)` | Oxford by Night | white, 17.6 to 1 |
| 37 | `#001e29` | `oklch(21.75% 0.0418 227.00)` | Oxford by Night | white, 17.3 to 1 |
| 38 | `#00202c` | `oklch(22.79% 0.0433 225.70)` | Midnight Dreams | white, 16.8 to 1 |
| 39 | `#00242f` | `oklch(24.00% 0.0450 224.19)` | Daintree | white, 16.3 to 1 |
| 40 | `#002733` | `oklch(25.38% 0.0470 222.47)` | Daintree | white, 15.6 to 1 |
| 41 | `#002b37` | `oklch(26.91% 0.0492 220.58)` | Black Chasm | white, 14.9 to 1 |
| 42 | `#00303b` | `oklch(28.58% 0.0515 218.54)` | Artist Blue | white, 14.1 to 1 |
| 43 | `#003540` | `oklch(30.36% 0.0540 216.34)` | Natural Indigo | white, 13.2 to 1 |
| 44 | `#003b45` | `oklch(32.25% 0.0567 214.01)` | Ghostlands Coal | white, 12.3 to 1 |
| 45 | `#00404a` | `oklch(34.22% 0.0595 211.55)` | Ghostlands Coal | white, 11.4 to 1 |
| 46 | `#00474f` | `oklch(36.28% 0.0625 209.01)` | Sherpa Blue | white, 10.4 to 1 |
| 47 | `#014d55` | `oklch(38.39% 0.0654 206.41)` | Watercolour Blue | white, 9.5 to 1 |
| 48 | `#02545a` | `oklch(40.55% 0.0685 203.75)` | Deep Teal | white, 8.7 to 1 |
| 49 | `#045a5f` | `oklch(42.74% 0.0716 201.06)` | Blue Emerald | white, 7.9 to 1 |
| 50 | `#066164` | `oklch(44.94% 0.0747 198.34)` | Beau Vert | white, 7.1 to 1 |
| 51 | `#0b6969` | `oklch(47.15% 0.0778 195.63)` | Bath Green | white, 6.5 to 1 |
| 52 | `#0f706e` | `oklch(49.35% 0.0808 192.93)` | Boating Green | white, 5.9 to 1 |
| 53 | `#147772` | `oklch(51.51% 0.0839 190.27)` | Mermaid Harbour | white, 5.3 to 1 |
| 54 | `#1a7e77` | `oklch(53.64% 0.0869 187.66)` | Coelia Greenshade | white, 4.9 to 1 |
| 55 | `#1f847b` | `oklch(55.70% 0.0898 185.12)` | Egyptian Green | black, 4.6 to 1 |
| 56 | `#258b7e` | `oklch(57.70% 0.0926 182.66)` | Porcelain Green | black, 5 to 1 |
| 57 | `#2a9181` | `oklch(59.61% 0.0952 180.32)` | Miami Jade | black, 5.4 to 1 |
| 58 | `#309784` | `oklch(61.41% 0.0978 178.10)` | Green Jelly | black, 5.9 to 1 |
| 59 | `#359d87` | `oklch(63.10% 0.1001 176.02)` | Gossamer | black, 6.3 to 1 |
| 60 | `#3ba289` | `oklch(64.66% 0.1023 174.11)` | Stamp Pad Green | black, 6.7 to 1 |
| 61 | `#3fa78b` | `oklch(66.07% 0.1043 172.37)` | Zomp | black, 7.1 to 1 |
| 62 | `#44ab8d` | `oklch(67.33% 0.1061 170.83)` | Laurel Wreath | black, 7.4 to 1 |
| 63 | `#48af8f` | `oklch(68.40% 0.1076 169.50)` | Walk in the Woods | black, 7.7 to 1 |
| 64 | `#4bb290` | `oklch(69.29% 0.1089 168.40)` | Green Blue | black, 8 to 1 |

## CSS

```css
background: linear-gradient(225deg, #5ec19a 0.0%, #5bbe99 1.6%, #56ba97 3.2%, #52b595 4.8%, #4cb093 6.3%, #47ab90 7.9%, #41a48e 9.5%, #3b9e8a 11.1%, #359787 12.7%, #2f9083 14.3%, #29897f 15.9%, #24817a 17.5%, #1f7a76 19.0%, #1a7271 20.6%, #156a6b 22.2%, #116366 23.8%, #0e5b60 25.4%, #0b545b 27.0%, #084d55 28.6%, #06464f 30.2%, #05404a 31.7%, #043a44 33.3%, #03343f 34.9%, #022f3a 36.5%, #022a36 38.1%, #022632 39.7%, #01232e 41.3%, #011f2b 42.9%, #011d28 44.4%, #011b26 46.0%, #001924 47.6%, #001823 49.2%, #001823 50.8%, #001924 52.4%, #001a25 54.0%, #001b27 55.6%, #001e29 57.1%, #00202c 58.7%, #00242f 60.3%, #002733 61.9%, #002b37 63.5%, #00303b 65.1%, #003540 66.7%, #003b45 68.3%, #00404a 69.8%, #00474f 71.4%, #014d55 73.0%, #02545a 74.6%, #045a5f 76.2%, #066164 77.8%, #0b6969 79.4%, #0f706e 81.0%, #147772 82.5%, #1a7e77 84.1%, #1f847b 85.7%, #258b7e 87.3%, #2a9181 88.9%, #309784 90.5%, #359d87 92.1%, #3ba289 93.7%, #3fa78b 95.2%, #44ab8d 96.8%, #48af8f 98.4%, #4bb290 100.0%);
background: linear-gradient(225deg in oklch, oklch(74.02% 0.1102 165.23) 0.0%, oklch(73.05% 0.1090 166.38) 1.6%, oklch(71.88% 0.1074 167.77) 3.2%, oklch(70.53% 0.1056 169.38) 4.8%, oklch(69.01% 0.1036 171.19) 6.3%, oklch(67.34% 0.1014 173.18) 7.9%, oklch(65.53% 0.0990 175.34) 9.5%, oklch(63.60% 0.0964 177.64) 11.1%, oklch(61.56% 0.0937 180.08) 12.7%, oklch(59.42% 0.0908 182.62) 14.3%, oklch(57.21% 0.0879 185.26) 15.9%, oklch(54.94% 0.0849 187.97) 17.5%, oklch(52.62% 0.0818 190.73) 19.0%, oklch(50.26% 0.0787 193.54) 20.6%, oklch(47.89% 0.0755 196.36) 22.2%, oklch(45.52% 0.0724 199.19) 23.8%, oklch(43.16% 0.0692 202.00) 25.4%, oklch(40.83% 0.0661 204.77) 27.0%, oklch(38.55% 0.0631 207.49) 28.6%, oklch(36.32% 0.0602 210.13) 30.2%, oklch(34.17% 0.0573 212.69) 31.7%, oklch(32.11% 0.0546 215.14) 33.3%, oklch(30.15% 0.0520 217.46) 34.9%, oklch(28.31% 0.0496 219.63) 36.5%, oklch(26.61% 0.0474 221.65) 38.1%, oklch(25.06% 0.0454 223.48) 39.7%, oklch(23.67% 0.0436 225.11) 41.3%, oklch(22.47% 0.0420 226.52) 42.9%, oklch(21.46% 0.0407 227.70) 44.4%, oklch(20.66% 0.0397 228.62) 46.0%, oklch(20.09% 0.0390 229.27) 47.6%, oklch(19.76% 0.0386 229.63) 49.2%, oklch(19.68% 0.0386 229.68) 50.8%, oklch(19.86% 0.0389 229.43) 52.4%, oklch(20.27% 0.0396 228.88) 54.0%, oklch(20.91% 0.0405 228.07) 55.6%, oklch(21.75% 0.0418 227.00) 57.1%, oklch(22.79% 0.0433 225.70) 58.7%, oklch(24.00% 0.0450 224.19) 60.3%, oklch(25.38% 0.0470 222.47) 61.9%, oklch(26.91% 0.0492 220.58) 63.5%, oklch(28.58% 0.0515 218.54) 65.1%, oklch(30.36% 0.0540 216.34) 66.7%, oklch(32.25% 0.0567 214.01) 68.3%, oklch(34.22% 0.0595 211.55) 69.8%, oklch(36.28% 0.0625 209.01) 71.4%, oklch(38.39% 0.0654 206.41) 73.0%, oklch(40.55% 0.0685 203.75) 74.6%, oklch(42.74% 0.0716 201.06) 76.2%, oklch(44.94% 0.0747 198.34) 77.8%, oklch(47.15% 0.0778 195.63) 79.4%, oklch(49.35% 0.0808 192.93) 81.0%, oklch(51.51% 0.0839 190.27) 82.5%, oklch(53.64% 0.0869 187.66) 84.1%, oklch(55.70% 0.0898 185.12) 85.7%, oklch(57.70% 0.0926 182.66) 87.3%, oklch(59.61% 0.0952 180.32) 88.9%, oklch(61.41% 0.0978 178.10) 90.5%, oklch(63.10% 0.1001 176.02) 92.1%, oklch(64.66% 0.1023 174.11) 93.7%, oklch(66.07% 0.1043 172.37) 95.2%, oklch(67.33% 0.1061 170.83) 96.8%, oklch(68.40% 0.1076 169.50) 98.4%, oklch(69.29% 0.1089 168.40) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.74 | 0.11 | 165.2 |
| 2 | 0.197 | 0.039 | 229.7 |
| 3 | 0.693 | 0.109 | 168.4 |

## In these collections

- [Ocean gradients](https://grabient.com/ocean-gradients)

## Other forms

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