# Teal violet lake diagonal

Navy, purple, green and gray linear gradient with 64 colors: #132a34, #152c38, #192e3c, #1d3041, #233347, #29354c, #313852, #393a57, #423d5c, #4b4060, #544363, #5e4666, #664969, #6e4c6c, #76506f, #7c5473, #815878, #865d7f, #8a6287, #8d6891, #8f6f9b, #8f77a6, #8f7fb1, #8c87bb, #8990c4, #8599cb, #80a1d0, #7ba9d3, #77b0d4, #74b6d3, #72bbd0, #72becd, #71c0c9, #71c0c4, #70bfbe, #6ebcb7, #6cb9af, #6ab5a7, #68b09f, #66ab96, #64a58e, #62a087, #609b80, #5f9679, #5e9274, #5e8f70, #5f8d6e, #608c6c, #628c6d, #668d6f, #698f72, #6e9276, #72957b, #789981, #7d9d88, #83a28e, #8aa695, #90ab9c, #96afa2, #9cb4a8, #a2b7ae, #a7bbb2, #abbdb6, #afbfb9. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, purple, green and gray linear gradient
- Seed: `kWRRmiwRnMmCcsPMGLlZIfB4`
- Page: https://grabient.com/kWRRmiwRnMmCcsPMGLlZIfB4?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: light center, muted, cool
- Hues: two-hue
- Contrast of its darkest and lightest colors: 7.8 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 | `#132a34` | `oklch(27.17% 0.0344 228.52)` | Oceanic Noir | white, 14.8 to 1 |
| 2 | `#152c38` | `oklch(28.02% 0.0358 232.76)` | Oceanic Noir | white, 14.4 to 1 |
| 3 | `#192e3c` | `oklch(29.05% 0.0375 238.55)` | Tangaroa | white, 14 to 1 |
| 4 | `#1d3041` | `oklch(30.23% 0.0394 245.61)` | Imperial Primer | white, 13.4 to 1 |
| 5 | `#233347` | `oklch(31.55% 0.0417 253.70)` | Crow Black | white, 12.8 to 1 |
| 6 | `#29354c` | `oklch(32.99% 0.0441 262.54)` | Bunting | white, 12.2 to 1 |
| 7 | `#313852` | `oklch(34.53% 0.0467 271.88)` | Mediaeval Blue | white, 11.5 to 1 |
| 8 | `#393a57` | `oklch(36.15% 0.0494 281.45)` | Magic Night | white, 10.9 to 1 |
| 9 | `#423d5c` | `oklch(37.84% 0.0522 290.99)` | Mulberry Mauve Black | white, 10.2 to 1 |
| 10 | `#4b4060` | `oklch(39.57% 0.0550 300.25)` | Powerful Mauve | white, 9.5 to 1 |
| 11 | `#544363` | `oklch(41.34% 0.0577 308.95)` | Nightly Walk | white, 8.9 to 1 |
| 12 | `#5e4666` | `oklch(43.12% 0.0604 316.85)` | Brunneous | white, 8.2 to 1 |
| 13 | `#664969` | `oklch(44.89% 0.0629 323.67)` | Sultana | white, 7.7 to 1 |
| 14 | `#6e4c6c` | `oklch(46.64% 0.0652 329.16)` | Old Fashioned Purple | white, 7.1 to 1 |
| 15 | `#76506f` | `oklch(48.35% 0.0673 333.05)` | Brocade Violet | white, 6.6 to 1 |
| 16 | `#7c5473` | `oklch(49.99% 0.0691 335.09)` | Magnificence | white, 6.2 to 1 |
| 17 | `#815878` | `oklch(51.57% 0.0706 335.02)` | Dull Purple | white, 5.8 to 1 |
| 18 | `#865d7f` | `oklch(53.24% 0.0719 332.83)` | Dusky Purple | white, 5.4 to 1 |
| 19 | `#8a6287` | `oklch(55.04% 0.0731 328.77)` | Sunshone Plum | white, 5 to 1 |
| 20 | `#8d6891` | `oklch(56.94% 0.0741 323.06)` | Poetry Mauve | white, 4.6 to 1 |
| 21 | `#8f6f9b` | `oklch(58.91% 0.0750 315.95)` | Faded Purple | black, 4.9 to 1 |
| 22 | `#8f77a6` | `oklch(60.91% 0.0758 307.65)` | Gentian | black, 5.3 to 1 |
| 23 | `#8f7fb1` | `oklch(62.91% 0.0765 298.42)` | Captivated | black, 5.8 to 1 |
| 24 | `#8c87bb` | `oklch(64.89% 0.0770 288.48)` | Heliotropic Mauve | black, 6.3 to 1 |
| 25 | `#8990c4` | `oklch(66.80% 0.0775 278.07)` | Safflowerish Sky | black, 6.8 to 1 |
| 26 | `#8599cb` | `oklch(68.62% 0.0779 267.41)` | Purple Gentian | black, 7.4 to 1 |
| 27 | `#80a1d0` | `oklch(70.32% 0.0782 256.75)` | Boudoir Blue | black, 7.9 to 1 |
| 28 | `#7ba9d3` | `oklch(71.86% 0.0784 246.32)` | Calm Day | black, 8.4 to 1 |
| 29 | `#77b0d4` | `oklch(73.21% 0.0785 236.34)` | Meadow Blossom Blue | black, 8.9 to 1 |
| 30 | `#74b6d3` | `oklch(74.34% 0.0786 227.06)` | Water Fountain | black, 9.3 to 1 |
| 31 | `#72bbd0` | `oklch(75.21% 0.0786 218.71)` | Blue Brocade | black, 9.7 to 1 |
| 32 | `#72becd` | `oklch(75.81% 0.0786 211.52)` | Surfin’ | black, 9.9 to 1 |
| 33 | `#71c0c9` | `oklch(76.06% 0.0785 205.57)` | Luna Moona | black, 10 to 1 |
| 34 | `#71c0c4` | `oklch(75.90% 0.0784 200.04)` | Luna Moona | black, 10 to 1 |
| 35 | `#70bfbe` | `oklch(75.35% 0.0783 194.80)` | Tropic Tide | black, 9.8 to 1 |
| 36 | `#6ebcb7` | `oklch(74.47% 0.0781 189.83)` | Earth Eclipse | black, 9.5 to 1 |
| 37 | `#6cb9af` | `oklch(73.32% 0.0778 185.15)` | Florida Turquoise | black, 9.2 to 1 |
| 38 | `#6ab5a7` | `oklch(71.97% 0.0775 180.75)` | Tropic Turquoise | black, 8.7 to 1 |
| 39 | `#68b09f` | `oklch(70.46% 0.0772 176.64)` | Green Crush | black, 8.2 to 1 |
| 40 | `#66ab96` | `oklch(68.87% 0.0767 172.81)` | Calmness | black, 7.8 to 1 |
| 41 | `#64a58e` | `oklch(67.24% 0.0761 169.27)` | Polished Pine | black, 7.3 to 1 |
| 42 | `#62a087` | `oklch(65.63% 0.0754 166.03)` | Scotch Lassie | black, 6.9 to 1 |
| 43 | `#609b80` | `oklch(64.11% 0.0746 163.08)` | Practice Green | black, 6.5 to 1 |
| 44 | `#5f9679` | `oklch(62.74% 0.0736 160.42)` | Skarsnik Green | black, 6.1 to 1 |
| 45 | `#5e9274` | `oklch(61.56% 0.0724 158.05)` | Deep Grass Green | black, 5.8 to 1 |
| 46 | `#5e8f70` | `oklch(60.65% 0.0711 155.98)` | Slate Green | black, 5.6 to 1 |
| 47 | `#5f8d6e` | `oklch(60.05% 0.0697 154.22)` | Murdoch | black, 5.5 to 1 |
| 48 | `#608c6c` | `oklch(59.83% 0.0680 152.75)` | Murdoch | black, 5.4 to 1 |
| 49 | `#628c6d` | `oklch(60.02% 0.0660 151.68)` | Slate Green | black, 5.4 to 1 |
| 50 | `#668d6f` | `oklch(60.54% 0.0636 151.20)` | Slate Green | black, 5.5 to 1 |
| 51 | `#698f72` | `oklch(61.35% 0.0609 151.26)` | Laurel | black, 5.7 to 1 |
| 52 | `#6e9276` | `oklch(62.40% 0.0578 151.78)` | Watercress | black, 6 to 1 |
| 53 | `#72957b` | `oklch(63.67% 0.0545 152.70)` | Watercress | black, 6.3 to 1 |
| 54 | `#789981` | `oklch(65.09% 0.0511 153.95)` | Sea Radish | black, 6.6 to 1 |
| 55 | `#7d9d88` | `oklch(66.64% 0.0475 155.46)` | Parisian Patina | black, 7 to 1 |
| 56 | `#83a28e` | `oklch(68.27% 0.0439 157.16)` | Mossy Bench | black, 7.5 to 1 |
| 57 | `#8aa695` | `oklch(69.94% 0.0402 158.98)` | Wintessa | black, 7.9 to 1 |
| 58 | `#90ab9c` | `oklch(71.60% 0.0367 160.86)` | Rare Happening | black, 8.4 to 1 |
| 59 | `#96afa2` | `oklch(73.22% 0.0333 162.71)` | Phoenix Tears | black, 8.9 to 1 |
| 60 | `#9cb4a8` | `oklch(74.75% 0.0301 164.48)` | Sceptic | black, 9.4 to 1 |
| 61 | `#a2b7ae` | `oklch(76.14% 0.0272 166.10)` | Pistachio Ice Cream | black, 9.9 to 1 |
| 62 | `#a7bbb2` | `oklch(77.37% 0.0246 167.50)` | Quiet Teal | black, 10.3 to 1 |
| 63 | `#abbdb6` | `oklch(78.38% 0.0224 168.60)` | Water Surface | black, 10.7 to 1 |
| 64 | `#afbfb9` | `oklch(79.13% 0.0207 169.34)` | Grey Embrace | black, 11 to 1 |

## CSS

```css
background: linear-gradient(135deg, #132a34 0.0%, #152c38 1.6%, #192e3c 3.2%, #1d3041 4.8%, #233347 6.3%, #29354c 7.9%, #313852 9.5%, #393a57 11.1%, #423d5c 12.7%, #4b4060 14.3%, #544363 15.9%, #5e4666 17.5%, #664969 19.0%, #6e4c6c 20.6%, #76506f 22.2%, #7c5473 23.8%, #815878 25.4%, #865d7f 27.0%, #8a6287 28.6%, #8d6891 30.2%, #8f6f9b 31.7%, #8f77a6 33.3%, #8f7fb1 34.9%, #8c87bb 36.5%, #8990c4 38.1%, #8599cb 39.7%, #80a1d0 41.3%, #7ba9d3 42.9%, #77b0d4 44.4%, #74b6d3 46.0%, #72bbd0 47.6%, #72becd 49.2%, #71c0c9 50.8%, #71c0c4 52.4%, #70bfbe 54.0%, #6ebcb7 55.6%, #6cb9af 57.1%, #6ab5a7 58.7%, #68b09f 60.3%, #66ab96 61.9%, #64a58e 63.5%, #62a087 65.1%, #609b80 66.7%, #5f9679 68.3%, #5e9274 69.8%, #5e8f70 71.4%, #5f8d6e 73.0%, #608c6c 74.6%, #628c6d 76.2%, #668d6f 77.8%, #698f72 79.4%, #6e9276 81.0%, #72957b 82.5%, #789981 84.1%, #7d9d88 85.7%, #83a28e 87.3%, #8aa695 88.9%, #90ab9c 90.5%, #96afa2 92.1%, #9cb4a8 93.7%, #a2b7ae 95.2%, #a7bbb2 96.8%, #abbdb6 98.4%, #afbfb9 100.0%);
background: linear-gradient(135deg in oklch, oklch(27.17% 0.0344 228.52) 0.0%, oklch(28.02% 0.0358 232.76) 1.6%, oklch(29.05% 0.0375 238.55) 3.2%, oklch(30.23% 0.0394 245.61) 4.8%, oklch(31.55% 0.0417 253.70) 6.3%, oklch(32.99% 0.0441 262.54) 7.9%, oklch(34.53% 0.0467 271.88) 9.5%, oklch(36.15% 0.0494 281.45) 11.1%, oklch(37.84% 0.0522 290.99) 12.7%, oklch(39.57% 0.0550 300.25) 14.3%, oklch(41.34% 0.0577 308.95) 15.9%, oklch(43.12% 0.0604 316.85) 17.5%, oklch(44.89% 0.0629 323.67) 19.0%, oklch(46.64% 0.0652 329.16) 20.6%, oklch(48.35% 0.0673 333.05) 22.2%, oklch(49.99% 0.0691 335.09) 23.8%, oklch(51.57% 0.0706 335.02) 25.4%, oklch(53.24% 0.0719 332.83) 27.0%, oklch(55.04% 0.0731 328.77) 28.6%, oklch(56.94% 0.0741 323.06) 30.2%, oklch(58.91% 0.0750 315.95) 31.7%, oklch(60.91% 0.0758 307.65) 33.3%, oklch(62.91% 0.0765 298.42) 34.9%, oklch(64.89% 0.0770 288.48) 36.5%, oklch(66.80% 0.0775 278.07) 38.1%, oklch(68.62% 0.0779 267.41) 39.7%, oklch(70.32% 0.0782 256.75) 41.3%, oklch(71.86% 0.0784 246.32) 42.9%, oklch(73.21% 0.0785 236.34) 44.4%, oklch(74.34% 0.0786 227.06) 46.0%, oklch(75.21% 0.0786 218.71) 47.6%, oklch(75.81% 0.0786 211.52) 49.2%, oklch(76.06% 0.0785 205.57) 50.8%, oklch(75.90% 0.0784 200.04) 52.4%, oklch(75.35% 0.0783 194.80) 54.0%, oklch(74.47% 0.0781 189.83) 55.6%, oklch(73.32% 0.0778 185.15) 57.1%, oklch(71.97% 0.0775 180.75) 58.7%, oklch(70.46% 0.0772 176.64) 60.3%, oklch(68.87% 0.0767 172.81) 61.9%, oklch(67.24% 0.0761 169.27) 63.5%, oklch(65.63% 0.0754 166.03) 65.1%, oklch(64.11% 0.0746 163.08) 66.7%, oklch(62.74% 0.0736 160.42) 68.3%, oklch(61.56% 0.0724 158.05) 69.8%, oklch(60.65% 0.0711 155.98) 71.4%, oklch(60.05% 0.0697 154.22) 73.0%, oklch(59.83% 0.0680 152.75) 74.6%, oklch(60.02% 0.0660 151.68) 76.2%, oklch(60.54% 0.0636 151.20) 77.8%, oklch(61.35% 0.0609 151.26) 79.4%, oklch(62.40% 0.0578 151.78) 81.0%, oklch(63.67% 0.0545 152.70) 82.5%, oklch(65.09% 0.0511 153.95) 84.1%, oklch(66.64% 0.0475 155.46) 85.7%, oklch(68.27% 0.0439 157.16) 87.3%, oklch(69.94% 0.0402 158.98) 88.9%, oklch(71.60% 0.0367 160.86) 90.5%, oklch(73.22% 0.0333 162.71) 92.1%, oklch(74.75% 0.0301 164.48) 93.7%, oklch(76.14% 0.0272 166.10) 95.2%, oklch(77.37% 0.0246 167.50) 96.8%, oklch(78.38% 0.0224 168.60) 98.4%, oklch(79.13% 0.0207 169.34) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.272 | 0.034 | 228.5 |
| 2 | 0.512 | 0.07 | 335.2 |
| 3 | 0.76 | 0.079 | 208.4 |
| 4 | 0.598 | 0.068 | 152.4 |
| 5 | 0.791 | 0.021 | 169.3 |

## In these collections

- [Late summer lake haze](https://grabient.com/late-summer-lake-haze)

## Other forms

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