# Teal deep blue rings

Analogous teal, green and gray linear gradient with 40 colors: #85c5bf, #7bc2b8, #6dbeac, #5fb89c, #52b289, #4baa73, #49a25d, #4a994c, #4a9241, #4a8c3f, #4a8643, #4b8049, #4c7a50, #4e7456, #506e5a, #51695c, #4f645b, #4a5e58, #425755, #395052, #314a51, #2c4651, #2a4454, #2b4558, #2f4d60, #375c6d, #43717b, #56898a, #6fa295, #8ab79e, #a3c7a5, #b2d0a7, #b3d0a5, #aac99e, #98be95, #81af8a, #689f80, #518f78, #3c8270, #2f7a6c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous teal, green and gray linear gradient
- Seed: `kYxjCGTDI6b4LQoxEUj6RezsMcRO`
- Page: https://grabient.com/kYxjCGTDI6b4LQoxEUj6RezsMcRO?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: dark center
- Hues: two-hue
- Contrast of its darkest and lightest colors: 6.1 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 | `#85c5bf` | `oklch(77.95% 0.0661 188.44)` | Booty Bay | black, 10.7 to 1 |
| 2 | `#7bc2b8` | `oklch(76.46% 0.0731 184.25)` | Gentle Wave | black, 10.2 to 1 |
| 3 | `#6dbeac` | `oklch(74.42% 0.0838 178.13)` | Fiesta Blue | black, 9.6 to 1 |
| 4 | `#5fb89c` | `oklch(71.98% 0.0966 170.81)` | Keppel | black, 8.8 to 1 |
| 5 | `#52b289` | `oklch(69.31% 0.1100 163.02)` | Aruba Green | black, 8 to 1 |
| 6 | `#4baa73` | `oklch(66.57% 0.1223 155.49)` | Sēn Lín Lǜ Forest | black, 7.2 to 1 |
| 7 | `#49a25d` | `oklch(63.91% 0.1320 148.93)` | Spinach | black, 6.5 to 1 |
| 8 | `#4a994c` | `oklch(61.49% 0.1375 144.09)` | Kryptonite Green | black, 5.9 to 1 |
| 9 | `#4a9241` | `oklch(59.47% 0.1372 141.66)` | May Green | black, 5.4 to 1 |
| 10 | `#4a8c3f` | `oklch(57.75% 0.1299 141.03)` | Online Lime | black, 5.1 to 1 |
| 11 | `#4a8643` | `oklch(56.20% 0.1170 141.67)` | Level Up | black, 4.7 to 1 |
| 12 | `#4b8049` | `oklch(54.78% 0.1003 143.47)` | Tarmac Green | white, 4.6 to 1 |
| 13 | `#4c7a50` | `oklch(53.45% 0.0819 146.34)` | Melbourne | white, 4.9 to 1 |
| 14 | `#4e7456` | `oklch(52.17% 0.0636 150.20)` | Green Valley | white, 5.3 to 1 |
| 15 | `#506e5a` | `oklch(50.91% 0.0473 154.94)` | Green Bayou | white, 5.6 to 1 |
| 16 | `#51695c` | `oklch(49.62% 0.0350 160.47)` | Jungle Camouflage | white, 5.9 to 1 |
| 17 | `#4f645b` | `oklch(48.21% 0.0283 167.01)` | Obligation | white, 6.3 to 1 |
| 18 | `#4a5e58` | `oklch(46.22% 0.0258 176.91)` | New Hunter | white, 6.9 to 1 |
| 19 | `#425755` | `oklch(43.83% 0.0262 189.46)` | Orkhide Shade | white, 7.7 to 1 |
| 20 | `#395052` | `oklch(41.39% 0.0288 203.19)` | Dark Reaper | white, 8.5 to 1 |
| 21 | `#314a51` | `oklch(39.23% 0.0329 216.62)` | Pallasite Blue | white, 9.3 to 1 |
| 22 | `#2c4651` | `oklch(37.70% 0.0376 228.29)` | Rainstorm | white, 10 to 1 |
| 23 | `#2a4454` | `oklch(37.13% 0.0422 236.70)` | Blue Wing Teal | white, 10.2 to 1 |
| 24 | `#2b4558` | `oklch(37.85% 0.0458 240.40)` | Blue Wing Teal | white, 9.9 to 1 |
| 25 | `#2f4d60` | `oklch(40.40% 0.0482 237.74)` | Blue Fedora | white, 8.9 to 1 |
| 26 | `#375c6d` | `oklch(45.34% 0.0505 228.18)` | Blue Spell | white, 7.2 to 1 |
| 27 | `#43717b` | `oklch(52.00% 0.0529 213.60)` | Winter Storm | white, 5.3 to 1 |
| 28 | `#56898a` | `oklch(59.54% 0.0553 196.08)` | Evora | black, 5.3 to 1 |
| 29 | `#6fa295` | `oklch(67.17% 0.0577 177.66)` | Jade Dragon | black, 7.2 to 1 |
| 30 | `#8ab79e` | `oklch(74.07% 0.0601 160.40)` | Indian Ocean | black, 9.3 to 1 |
| 31 | `#a3c7a5` | `oklch(79.43% 0.0623 146.36)` | French Market | black, 11.2 to 1 |
| 32 | `#b2d0a7` | `oklch(82.43% 0.0644 137.59)` | Apium | black, 12.4 to 1 |
| 33 | `#b3d0a5` | `oklch(82.52% 0.0663 135.17)` | Apium | black, 12.4 to 1 |
| 34 | `#aac99e` | `oklch(80.21% 0.0683 137.32)` | Desert Cactus | black, 11.5 to 1 |
| 35 | `#98be95` | `oklch(76.16% 0.0701 142.82)` | Milly Green | black, 10 to 1 |
| 36 | `#81af8a` | `oklch(71.02% 0.0719 150.48)` | Mate Tea | black, 8.4 to 1 |
| 37 | `#689f80` | `oklch(65.45% 0.0735 159.11)` | Sea Lettuce | black, 6.8 to 1 |
| 38 | `#518f78` | `oklch(60.12% 0.0750 167.52)` | Winter Green | black, 5.5 to 1 |
| 39 | `#3c8270` | `oklch(55.66% 0.0762 174.52)` | Shǔi Cǎo Lǜ Green | black, 4.6 to 1 |
| 40 | `#2f7a6c` | `oklch(52.76% 0.0772 178.93)` | Teal We Meet Again | white, 5.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #85c5bf 0.0%, #7bc2b8 2.6%, #6dbeac 5.1%, #5fb89c 7.7%, #52b289 10.3%, #4baa73 12.8%, #49a25d 15.4%, #4a994c 17.9%, #4a9241 20.5%, #4a8c3f 23.1%, #4a8643 25.6%, #4b8049 28.2%, #4c7a50 30.8%, #4e7456 33.3%, #506e5a 35.9%, #51695c 38.5%, #4f645b 41.0%, #4a5e58 43.6%, #425755 46.2%, #395052 48.7%, #314a51 51.3%, #2c4651 53.8%, #2a4454 56.4%, #2b4558 59.0%, #2f4d60 61.5%, #375c6d 64.1%, #43717b 66.7%, #56898a 69.2%, #6fa295 71.8%, #8ab79e 74.4%, #a3c7a5 76.9%, #b2d0a7 79.5%, #b3d0a5 82.1%, #aac99e 84.6%, #98be95 87.2%, #81af8a 89.7%, #689f80 92.3%, #518f78 94.9%, #3c8270 97.4%, #2f7a6c 100.0%);
background: linear-gradient(135deg in oklch, oklch(77.95% 0.0661 188.44) 0.0%, oklch(76.46% 0.0731 184.25) 2.6%, oklch(74.42% 0.0838 178.13) 5.1%, oklch(71.98% 0.0966 170.81) 7.7%, oklch(69.31% 0.1100 163.02) 10.3%, oklch(66.57% 0.1223 155.49) 12.8%, oklch(63.91% 0.1320 148.93) 15.4%, oklch(61.49% 0.1375 144.09) 17.9%, oklch(59.47% 0.1372 141.66) 20.5%, oklch(57.75% 0.1299 141.03) 23.1%, oklch(56.20% 0.1170 141.67) 25.6%, oklch(54.78% 0.1003 143.47) 28.2%, oklch(53.45% 0.0819 146.34) 30.8%, oklch(52.17% 0.0636 150.20) 33.3%, oklch(50.91% 0.0473 154.94) 35.9%, oklch(49.62% 0.0350 160.47) 38.5%, oklch(48.21% 0.0283 167.01) 41.0%, oklch(46.22% 0.0258 176.91) 43.6%, oklch(43.83% 0.0262 189.46) 46.2%, oklch(41.39% 0.0288 203.19) 48.7%, oklch(39.23% 0.0329 216.62) 51.3%, oklch(37.70% 0.0376 228.29) 53.8%, oklch(37.13% 0.0422 236.70) 56.4%, oklch(37.85% 0.0458 240.40) 59.0%, oklch(40.40% 0.0482 237.74) 61.5%, oklch(45.34% 0.0505 228.18) 64.1%, oklch(52.00% 0.0529 213.60) 66.7%, oklch(59.54% 0.0553 196.08) 69.2%, oklch(67.17% 0.0577 177.66) 71.8%, oklch(74.07% 0.0601 160.40) 74.4%, oklch(79.43% 0.0623 146.36) 76.9%, oklch(82.43% 0.0644 137.59) 79.5%, oklch(82.52% 0.0663 135.17) 82.1%, oklch(80.21% 0.0683 137.32) 84.6%, oklch(76.16% 0.0701 142.82) 87.2%, oklch(71.02% 0.0719 150.48) 89.7%, oklch(65.45% 0.0735 159.11) 92.3%, oklch(60.12% 0.0750 167.52) 94.9%, oklch(55.66% 0.0762 174.52) 97.4%, oklch(52.76% 0.0772 178.93) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.78 | 0.066 | 188.4 |
| 2 | 0.598 | 0.138 | 141.9 |
| 3 | 0.488 | 0.03 | 164.1 |
| 4 | 0.386 | 0.047 | 240.2 |
| 5 | 0.827 | 0.065 | 136.7 |
| 6 | 0.528 | 0.077 | 178.9 |

## In these collections

- [Monsoon rice field](https://grabient.com/monsoon-rice-field)

## Other forms

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