# Teal tan violet rings

Blue, olive and navy linear gradient with 40 colors: #2c6190, #25658e, #1a6b8b, #127085, #18767d, #297b74, #3d7e6a, #518062, #62815d, #70825a, #7b8359, #83835a, #88835b, #89845b, #87845a, #808559, #758659, #65885d, #4f8866, #328873, #038583, #007e90, #00779e, #256da6, #3c64a8, #495ba6, #5055a2, #52519d, #504d97, #4b4a92, #44498c, #3c4785, #32467e, #294576, #20436e, #184265, #12405e, #0e3e57, #0c3d51, #0b3b4d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Blue, olive and navy linear gradient
- Seed: `kUekSwTRUur2sVMqFToA`
- Page: https://grabient.com/kUekSwTRUur2sVMqFToA?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: cool
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.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 | `#2c6190` | `oklch(48.03% 0.0937 247.50)` | Running Water | white, 6.4 to 1 |
| 2 | `#25658e` | `oklch(48.66% 0.0918 240.18)` | Traditional Blue | white, 6.2 to 1 |
| 3 | `#1a6b8b` | `oklch(49.52% 0.0892 229.87)` | Saxony Blue | white, 5.9 to 1 |
| 4 | `#127085` | `oklch(50.59% 0.0858 217.20)` | Billabong | white, 5.6 to 1 |
| 5 | `#18767d` | `oklch(51.79% 0.0821 202.82)` | Aqua Nation | white, 5.3 to 1 |
| 6 | `#297b74` | `oklch(53.09% 0.0780 187.36)` | Ivy | white, 5 to 1 |
| 7 | `#3d7e6a` | `oklch(54.43% 0.0739 171.47)` | Green Belt | white, 4.7 to 1 |
| 8 | `#518062` | `oklch(55.75% 0.0698 155.77)` | Sports Field Green | black, 4.6 to 1 |
| 9 | `#62815d` | `oklch(57.02% 0.0661 140.92)` | Tuscan Herbs | black, 4.8 to 1 |
| 10 | `#70825a` | `oklch(58.17% 0.0628 127.55)` | Terrain | black, 5 to 1 |
| 11 | `#7b8359` | `oklch(59.16% 0.0601 116.30)` | Oregano | black, 5.2 to 1 |
| 12 | `#83835a` | `oklch(59.93% 0.0583 107.81)` | Spinach Souffle | black, 5.3 to 1 |
| 13 | `#88835b` | `oklch(60.44% 0.0575 102.72)` | Spinach Souffle | black, 5.4 to 1 |
| 14 | `#89845b` | `oklch(60.63% 0.0579 101.67)` | Aged Eucalyptus | black, 5.4 to 1 |
| 15 | `#87845a` | `oklch(60.51% 0.0598 105.30)` | Aged Eucalyptus | black, 5.4 to 1 |
| 16 | `#808559` | `oklch(60.15% 0.0634 113.33)` | Tuscany Hillside | black, 5.4 to 1 |
| 17 | `#758659` | `oklch(59.57% 0.0683 125.02)` | Mixedwood Leaf | black, 5.3 to 1 |
| 18 | `#65885d` | `oklch(58.81% 0.0742 139.61)` | Thicket | black, 5.2 to 1 |
| 19 | `#4f8866` | `oklch(57.89% 0.0808 156.36)` | Mallard Green | black, 5 to 1 |
| 20 | `#328873` | `oklch(56.84% 0.0878 174.52)` | Ionian | black, 4.8 to 1 |
| 21 | `#038583` | `oklch(55.69% 0.0948 193.34)` | Green Lapis | black, 4.6 to 1 |
| 22 | `#007e90` | `oklch(54.48% 0.0950 212.08)` | Metallic Seaweed | white, 4.7 to 1 |
| 23 | `#00779e` | `oklch(53.23% 0.1060 229.98)` | Mitchell Blue | white, 5 to 1 |
| 24 | `#256da6` | `oklch(51.96% 0.1133 246.26)` | In the Nick | white, 5.4 to 1 |
| 25 | `#3c64a8` | `oklch(50.72% 0.1175 260.22)` | International | white, 5.8 to 1 |
| 26 | `#495ba6` | `oklch(49.53% 0.1203 271.10)` | Purple Frenzy | white, 6.2 to 1 |
| 27 | `#5055a2` | `oklch(48.43% 0.1213 278.15)` | Governor Bay | white, 6.6 to 1 |
| 28 | `#52519d` | `oklch(47.31% 0.1204 281.60)` | Blue Ember | white, 6.9 to 1 |
| 29 | `#504d97` | `oklch(46.08% 0.1179 282.46)` | Liberty | white, 7.3 to 1 |
| 30 | `#4b4a92` | `oklch(44.78% 0.1140 281.11)` | Merlin’s Robe | white, 7.7 to 1 |
| 31 | `#44498c` | `oklch(43.43% 0.1090 277.91)` | Merlin’s Robe | white, 8.1 to 1 |
| 32 | `#3c4785` | `oklch(42.05% 0.1032 273.25)` | Queen of the Night Shift | white, 8.6 to 1 |
| 33 | `#32467e` | `oklch(40.67% 0.0969 267.51)` | Indigo Night | white, 9 to 1 |
| 34 | `#294576` | `oklch(39.31% 0.0902 261.05)` | Monaco Blue | white, 9.5 to 1 |
| 35 | `#20436e` | `oklch(38.00% 0.0834 254.26)` | Fish Net Blue | white, 10 to 1 |
| 36 | `#184265` | `oklch(36.77% 0.0769 247.51)` | Blue Opal | white, 10.4 to 1 |
| 37 | `#12405e` | `oklch(35.63% 0.0708 241.18)` | Neptune’s Wrath | white, 10.9 to 1 |
| 38 | `#0e3e57` | `oklch(34.62% 0.0654 235.65)` | Duskwood | white, 11.3 to 1 |
| 39 | `#0c3d51` | `oklch(33.76% 0.0610 231.29)` | Duskwood | white, 11.7 to 1 |
| 40 | `#0b3b4d` | `oklch(33.07% 0.0579 228.48)` | Gibraltar Sea | white, 12 to 1 |

## CSS

```css
background: linear-gradient(135deg, #2c6190 0.0%, #25658e 2.6%, #1a6b8b 5.1%, #127085 7.7%, #18767d 10.3%, #297b74 12.8%, #3d7e6a 15.4%, #518062 17.9%, #62815d 20.5%, #70825a 23.1%, #7b8359 25.6%, #83835a 28.2%, #88835b 30.8%, #89845b 33.3%, #87845a 35.9%, #808559 38.5%, #758659 41.0%, #65885d 43.6%, #4f8866 46.2%, #328873 48.7%, #038583 51.3%, #007e90 53.8%, #00779e 56.4%, #256da6 59.0%, #3c64a8 61.5%, #495ba6 64.1%, #5055a2 66.7%, #52519d 69.2%, #504d97 71.8%, #4b4a92 74.4%, #44498c 76.9%, #3c4785 79.5%, #32467e 82.1%, #294576 84.6%, #20436e 87.2%, #184265 89.7%, #12405e 92.3%, #0e3e57 94.9%, #0c3d51 97.4%, #0b3b4d 100.0%);
background: linear-gradient(135deg in oklch, oklch(48.03% 0.0937 247.50) 0.0%, oklch(48.66% 0.0918 240.18) 2.6%, oklch(49.52% 0.0892 229.87) 5.1%, oklch(50.59% 0.0858 217.20) 7.7%, oklch(51.79% 0.0821 202.82) 10.3%, oklch(53.09% 0.0780 187.36) 12.8%, oklch(54.43% 0.0739 171.47) 15.4%, oklch(55.75% 0.0698 155.77) 17.9%, oklch(57.02% 0.0661 140.92) 20.5%, oklch(58.17% 0.0628 127.55) 23.1%, oklch(59.16% 0.0601 116.30) 25.6%, oklch(59.93% 0.0583 107.81) 28.2%, oklch(60.44% 0.0575 102.72) 30.8%, oklch(60.63% 0.0579 101.67) 33.3%, oklch(60.51% 0.0598 105.30) 35.9%, oklch(60.15% 0.0634 113.33) 38.5%, oklch(59.57% 0.0683 125.02) 41.0%, oklch(58.81% 0.0742 139.61) 43.6%, oklch(57.89% 0.0808 156.36) 46.2%, oklch(56.84% 0.0878 174.52) 48.7%, oklch(55.69% 0.0948 193.34) 51.3%, oklch(54.48% 0.0950 212.08) 53.8%, oklch(53.23% 0.1060 229.98) 56.4%, oklch(51.96% 0.1133 246.26) 59.0%, oklch(50.72% 0.1175 260.22) 61.5%, oklch(49.53% 0.1203 271.10) 64.1%, oklch(48.43% 0.1213 278.15) 66.7%, oklch(47.31% 0.1204 281.60) 69.2%, oklch(46.08% 0.1179 282.46) 71.8%, oklch(44.78% 0.1140 281.11) 74.4%, oklch(43.43% 0.1090 277.91) 76.9%, oklch(42.05% 0.1032 273.25) 79.5%, oklch(40.67% 0.0969 267.51) 82.1%, oklch(39.31% 0.0902 261.05) 84.6%, oklch(38.00% 0.0834 254.26) 87.2%, oklch(36.77% 0.0769 247.51) 89.7%, oklch(35.63% 0.0708 241.18) 92.3%, oklch(34.62% 0.0654 235.65) 94.9%, oklch(33.76% 0.0610 231.29) 97.4%, oklch(33.07% 0.0579 228.48) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.48 | 0.094 | 247.5 |
| 2 | 0.606 | 0.058 | 101.7 |
| 3 | 0.484 | 0.121 | 278.1 |
| 4 | 0.331 | 0.058 | 228.5 |

## In these collections

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

## Other forms

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