# Deep teal cyan diagonal

Teal, blue and light green linear gradient with 48 colors: #06424e, #064654, #064c5c, #065466, #075c71, #08667e, #0b6f8b, #0f7898, #1280a4, #1687ae, #188cb5, #198fb9, #178fb9, #138cb3, #0d85a8, #067b9a, #01708a, #006478, #005767, #004c58, #01424b, #033a40, #043539, #053337, #063539, #073b3f, #07454a, #065258, #046169, #01737d, #008592, #0097a7, #00aabb, #00bbcc, #00cada, #0bd6e2, #20dee3, #36e4de, #4de8d6, #64e9ca, #7ae8be, #8ee6b1, #a0e2a6, #aede9e, #bad998, #c3d595, #c9d294, #ced095. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Teal, blue and light green linear gradient
- Seed: `kWWSuZzanBaWRPPmMT-6xy1I`
- Page: https://grabient.com/kWWSuZzanBaWRPPmMT-6xy1I?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: dark center, vivid, cool
- Hues: two-hue
- Contrast of its darkest and lightest colors: 9.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 | `#06424e` | `oklch(35.04% 0.0593 215.86)` | Cold and Dark | white, 11 to 1 |
| 2 | `#064654` | `oklch(36.52% 0.0624 216.61)` | Crab Nebula | white, 10.4 to 1 |
| 3 | `#064c5c` | `oklch(38.63% 0.0669 217.73)` | Nocturnal Expedition | white, 9.5 to 1 |
| 4 | `#065466` | `oklch(41.23% 0.0724 219.12)` | Rainy Morning | white, 8.5 to 1 |
| 5 | `#075c71` | `oklch(44.16% 0.0786 220.69)` | Octagon Ocean | white, 7.5 to 1 |
| 6 | `#08667e` | `oklch(47.26% 0.0852 222.34)` | Tahitian Tide | white, 6.5 to 1 |
| 7 | `#0b6f8b` | `oklch(50.39% 0.0919 223.99)` | Teal Tune | white, 5.7 to 1 |
| 8 | `#0f7898` | `oklch(53.38% 0.0982 225.53)` | Pristine Seas | white, 5 to 1 |
| 9 | `#1280a4` | `oklch(56.08% 0.1039 226.87)` | Summer Blue | black, 4.6 to 1 |
| 10 | `#1687ae` | `oklch(58.34% 0.1087 227.92)` | Stomy Shower | black, 5.1 to 1 |
| 11 | `#188cb5` | `oklch(60.01% 0.1123 228.58)` | Hidden Springs | black, 5.4 to 1 |
| 12 | `#198fb9` | `oklch(60.92% 0.1142 228.77)` | Hawaiian Ocean | black, 5.6 to 1 |
| 13 | `#178fb9` | `oklch(60.92% 0.1141 228.38)` | Hawaiian Ocean | black, 5.6 to 1 |
| 14 | `#138cb3` | `oklch(59.70% 0.1116 227.34)` | Spinnaker Blue | black, 5.4 to 1 |
| 15 | `#0d85a8` | `oklch(57.37% 0.1068 225.72)` | Azores Blue | black, 4.9 to 1 |
| 16 | `#067b9a` | `oklch(54.20% 0.1003 223.64)` | Pacific Pleasure | white, 4.8 to 1 |
| 17 | `#01708a` | `oklch(50.43% 0.0925 221.20)` | Blue Jay Crest | white, 5.7 to 1 |
| 18 | `#006478` | `oklch(46.34% 0.0836 218.55)` | Atlantis Myth | white, 6.8 to 1 |
| 19 | `#005767` | `oklch(42.18% 0.0748 215.76)` | Abyssal Waters | white, 8.1 to 1 |
| 20 | `#004c58` | `oklch(38.20% 0.0668 212.94)` | Watercolour Blue | white, 9.6 to 1 |
| 21 | `#01424b` | `oklch(34.66% 0.0594 210.21)` | Cold and Dark | white, 11.2 to 1 |
| 22 | `#033a40` | `oklch(31.83% 0.0531 207.72)` | Natural Indigo | white, 12.5 to 1 |
| 23 | `#043539` | `oklch(29.96% 0.0488 205.56)` | Artist Blue | white, 13.4 to 1 |
| 24 | `#053337` | `oklch(29.31% 0.0468 203.84)` | Artist Blue | white, 13.7 to 1 |
| 25 | `#063539` | `oklch(30.12% 0.0477 202.71)` | Artist Blue | white, 13.3 to 1 |
| 26 | `#073b3f` | `oklch(32.35% 0.0516 202.41)` | Ghostlands Coal | white, 12.2 to 1 |
| 27 | `#07454a` | `oklch(35.74% 0.0579 202.78)` | Incubi Darkness | white, 10.7 to 1 |
| 28 | `#065258` | `oklch(40.07% 0.0662 203.61)` | Blue Period | white, 8.9 to 1 |
| 29 | `#046169` | `oklch(45.10% 0.0758 204.69)` | Turkish Aqua | white, 7.1 to 1 |
| 30 | `#01737d` | `oklch(50.58% 0.0863 205.82)` | Night Scape | white, 5.6 to 1 |
| 31 | `#008592` | `oklch(56.28% 0.0965 206.80)` | Painted Sea | black, 4.7 to 1 |
| 32 | `#0097a7` | `oklch(61.96% 0.1063 207.41)` | Aquarium Diver | black, 6 to 1 |
| 33 | `#00aabb` | `oklch(67.38% 0.1157 207.44)` | Bluebird | black, 7.4 to 1 |
| 34 | `#00bbcc` | `oklch(72.30% 0.1239 206.68)` | Holiday Blue | black, 8.9 to 1 |
| 35 | `#00cada` | `oklch(76.49% 0.1306 204.95)` | Jade Glass | black, 10.4 to 1 |
| 36 | `#0bd6e2` | `oklch(79.69% 0.1346 202.01)` | Aztec Turquoise | black, 11.6 to 1 |
| 37 | `#20dee3` | `oklch(81.88% 0.1354 197.57)` | Fish Boy | black, 12.6 to 1 |
| 38 | `#36e4de` | `oklch(83.47% 0.1339 191.46)` | Bright Turquoise | black, 13.3 to 1 |
| 39 | `#4de8d6` | `oklch(84.54% 0.1306 183.98)` | Near Moon | black, 13.7 to 1 |
| 40 | `#64e9ca` | `oklch(85.17% 0.1258 175.48)` | Aphrodite Aqua | black, 14 to 1 |
| 41 | `#7ae8be` | `oklch(85.46% 0.1198 166.27)` | Jittery Jade | black, 14.1 to 1 |
| 42 | `#8ee6b1` | `oklch(85.47% 0.1132 156.70)` | Teal Deer | black, 14 to 1 |
| 43 | `#a0e2a6` | `oklch(85.29% 0.1061 147.09)` | Weekend Gardener | black, 13.9 to 1 |
| 44 | `#aede9e` | `oklch(84.99% 0.0991 137.79)` | Green Gooseberry | black, 13.6 to 1 |
| 45 | `#bad998` | `oklch(84.66% 0.0925 129.11)` | Lickety Split | black, 13.4 to 1 |
| 46 | `#c3d595` | `oklch(84.38% 0.0866 121.39)` | Pistachio Cream | black, 13.2 to 1 |
| 47 | `#c9d294` | `oklch(84.21% 0.0818 114.98)` | Pistachio Cream | black, 13.1 to 1 |
| 48 | `#ced095` | `oklch(84.25% 0.0785 110.18)` | Corn Husk Green | black, 13.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #06424e 0.0%, #064654 2.1%, #064c5c 4.3%, #065466 6.4%, #075c71 8.5%, #08667e 10.6%, #0b6f8b 12.8%, #0f7898 14.9%, #1280a4 17.0%, #1687ae 19.1%, #188cb5 21.3%, #198fb9 23.4%, #178fb9 25.5%, #138cb3 27.7%, #0d85a8 29.8%, #067b9a 31.9%, #01708a 34.0%, #006478 36.2%, #005767 38.3%, #004c58 40.4%, #01424b 42.6%, #033a40 44.7%, #043539 46.8%, #053337 48.9%, #063539 51.1%, #073b3f 53.2%, #07454a 55.3%, #065258 57.4%, #046169 59.6%, #01737d 61.7%, #008592 63.8%, #0097a7 66.0%, #00aabb 68.1%, #00bbcc 70.2%, #00cada 72.3%, #0bd6e2 74.5%, #20dee3 76.6%, #36e4de 78.7%, #4de8d6 80.9%, #64e9ca 83.0%, #7ae8be 85.1%, #8ee6b1 87.2%, #a0e2a6 89.4%, #aede9e 91.5%, #bad998 93.6%, #c3d595 95.7%, #c9d294 97.9%, #ced095 100.0%);
background: linear-gradient(135deg in oklch, oklch(35.04% 0.0593 215.86) 0.0%, oklch(36.52% 0.0624 216.61) 2.1%, oklch(38.63% 0.0669 217.73) 4.3%, oklch(41.23% 0.0724 219.12) 6.4%, oklch(44.16% 0.0786 220.69) 8.5%, oklch(47.26% 0.0852 222.34) 10.6%, oklch(50.39% 0.0919 223.99) 12.8%, oklch(53.38% 0.0982 225.53) 14.9%, oklch(56.08% 0.1039 226.87) 17.0%, oklch(58.34% 0.1087 227.92) 19.1%, oklch(60.01% 0.1123 228.58) 21.3%, oklch(60.92% 0.1142 228.77) 23.4%, oklch(60.92% 0.1141 228.38) 25.5%, oklch(59.70% 0.1116 227.34) 27.7%, oklch(57.37% 0.1068 225.72) 29.8%, oklch(54.20% 0.1003 223.64) 31.9%, oklch(50.43% 0.0925 221.20) 34.0%, oklch(46.34% 0.0836 218.55) 36.2%, oklch(42.18% 0.0748 215.76) 38.3%, oklch(38.20% 0.0668 212.94) 40.4%, oklch(34.66% 0.0594 210.21) 42.6%, oklch(31.83% 0.0531 207.72) 44.7%, oklch(29.96% 0.0488 205.56) 46.8%, oklch(29.31% 0.0468 203.84) 48.9%, oklch(30.12% 0.0477 202.71) 51.1%, oklch(32.35% 0.0516 202.41) 53.2%, oklch(35.74% 0.0579 202.78) 55.3%, oklch(40.07% 0.0662 203.61) 57.4%, oklch(45.10% 0.0758 204.69) 59.6%, oklch(50.58% 0.0863 205.82) 61.7%, oklch(56.28% 0.0965 206.80) 63.8%, oklch(61.96% 0.1063 207.41) 66.0%, oklch(67.38% 0.1157 207.44) 68.1%, oklch(72.30% 0.1239 206.68) 70.2%, oklch(76.49% 0.1306 204.95) 72.3%, oklch(79.69% 0.1346 202.01) 74.5%, oklch(81.88% 0.1354 197.57) 76.6%, oklch(83.47% 0.1339 191.46) 78.7%, oklch(84.54% 0.1306 183.98) 80.9%, oklch(85.17% 0.1258 175.48) 83.0%, oklch(85.46% 0.1198 166.27) 85.1%, oklch(85.47% 0.1132 156.70) 87.2%, oklch(85.29% 0.1061 147.09) 89.4%, oklch(84.99% 0.0991 137.79) 91.5%, oklch(84.66% 0.0925 129.11) 93.6%, oklch(84.38% 0.0866 121.39) 95.7%, oklch(84.21% 0.0818 114.98) 97.9%, oklch(84.25% 0.0785 110.18) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.35 | 0.059 | 215.9 |
| 2 | 0.61 | 0.114 | 228.5 |
| 3 | 0.295 | 0.047 | 203.2 |
| 4 | 0.803 | 0.135 | 201.1 |
| 5 | 0.843 | 0.079 | 110.2 |

## In these collections

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

## Other forms

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