# Teal violet peach horizon

Navy, dark green, teal and salmon linear gradient with 32 colors: #101f2e, #0f2231, #0d2735, #092d39, #06343c, #033c3e, #06433f, #0f4a3e, #18513e, #20563d, #235b3f, #205f42, #156248, #006350, #00635a, #006263, #00616c, #005f77, #005d87, #1d5a95, #39579b, #4e559f, #6356a1, #7858a0, #8c5b9c, #9f6197, #af6890, #bd718a, #c77a84, #cf8480, #d38c7e, #d6937c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, dark green, teal and salmon linear gradient
- Seed: `kUOxqxtpw1LyqzXcIE7g`
- Page: https://grabient.com/kUOxqxtpw1LyqzXcIE7g?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark to light, vivid, cool, multicolor
- Hues: rainbow
- Contrast of its darkest and lightest colors: 6.6 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 | `#101f2e` | `oklch(23.23% 0.0358 249.61)` | The Count’s Black | white, 16.7 to 1 |
| 2 | `#0f2231` | `oklch(24.42% 0.0382 243.53)` | Fog of War | white, 16.2 to 1 |
| 3 | `#0d2735` | `oklch(26.03% 0.0412 234.64)` | Celestial Canvas | white, 15.4 to 1 |
| 4 | `#092d39` | `oklch(27.95% 0.0448 223.74)` | Black Chasm | white, 14.4 to 1 |
| 5 | `#06343c` | `oklch(30.10% 0.0489 211.62)` | Artist Blue | white, 13.3 to 1 |
| 6 | `#033c3e` | `oklch(32.39% 0.0532 199.11)` | Ghostlands Coal | white, 12.2 to 1 |
| 7 | `#06433f` | `oklch(34.71% 0.0578 186.99)` | Warm Black | white, 11.1 to 1 |
| 8 | `#0f4a3e` | `oklch(36.98% 0.0625 176.07)` | Country Squire | white, 10.1 to 1 |
| 9 | `#18513e` | `oklch(39.09% 0.0671 167.17)` | Tetsu Green | white, 9.2 to 1 |
| 10 | `#20563d` | `oklch(40.96% 0.0716 161.08)` | Billiard Table | white, 8.5 to 1 |
| 11 | `#235b3f` | `oklch(42.49% 0.0758 158.61)` | Greenbriar | white, 7.9 to 1 |
| 12 | `#205f42` | `oklch(43.60% 0.0799 160.28)` | Greenbriar | white, 7.5 to 1 |
| 13 | `#156248` | `oklch(44.31% 0.0844 165.37)` | Green Paw Paw | white, 7.3 to 1 |
| 14 | `#006350` | `oklch(44.70% 0.0856 173.29)` | Piney Lake | white, 7.1 to 1 |
| 15 | `#00635a` | `oklch(44.88% 0.0797 183.56)` | Dancing Peacock | white, 7.1 to 1 |
| 16 | `#006263` | `oklch(44.94% 0.0766 195.64)` | Really Teal | white, 7.1 to 1 |
| 17 | `#00616c` | `oklch(44.98% 0.0775 209.01)` | Turkish Aqua | white, 7.2 to 1 |
| 18 | `#005f77` | `oklch(45.09% 0.0841 223.13)` | Lyons Blue | white, 7.2 to 1 |
| 19 | `#005d87` | `oklch(45.37% 0.0998 237.47)` | Blue Flame | white, 7.2 to 1 |
| 20 | `#1d5a95` | `oklch(45.90% 0.1146 251.49)` | Suddenly Sapphire | white, 7.1 to 1 |
| 21 | `#39579b` | `oklch(46.80% 0.1165 264.74)` | Muted Lavender | white, 7 to 1 |
| 22 | `#4e559f` | `oklch(48.15% 0.1172 276.82)` | Governor Bay | white, 6.6 to 1 |
| 23 | `#6356a1` | `oklch(50.04% 0.1166 289.52)` | Purple Opulence | white, 6.2 to 1 |
| 24 | `#7858a0` | `oklch(52.37% 0.1147 303.14)` | Sumire Violet | white, 5.6 to 1 |
| 25 | `#8c5b9c` | `oklch(55.03% 0.1119 317.30)` | Wisteria Purple | white, 5.1 to 1 |
| 26 | `#9f6197` | `oklch(57.89% 0.1084 331.61)` | Heath Spotted Orchid | black, 4.6 to 1 |
| 27 | `#af6890` | `oklch(60.82% 0.1045 345.71)` | Je t’aime | black, 5.2 to 1 |
| 28 | `#bd718a` | `oklch(63.72% 0.1005 359.22)` | Strawberry Surprise | black, 5.8 to 1 |
| 29 | `#c77a84` | `oklch(66.45% 0.0965 11.74)` | Old Pink | black, 6.5 to 1 |
| 30 | `#cf8480` | `oklch(68.90% 0.0930 22.91)` | Raspberry Ripple | black, 7.2 to 1 |
| 31 | `#d38c7e` | `oklch(70.93% 0.0901 32.35)` | My Pink | black, 7.8 to 1 |
| 32 | `#d6937c` | `oklch(72.44% 0.0882 39.67)` | Tropical Blooms | black, 8.3 to 1 |

## CSS

```css
background: linear-gradient(180deg, #101f2e 0.0%, #0f2231 3.2%, #0d2735 6.5%, #092d39 9.7%, #06343c 12.9%, #033c3e 16.1%, #06433f 19.4%, #0f4a3e 22.6%, #18513e 25.8%, #20563d 29.0%, #235b3f 32.3%, #205f42 35.5%, #156248 38.7%, #006350 41.9%, #00635a 45.2%, #006263 48.4%, #00616c 51.6%, #005f77 54.8%, #005d87 58.1%, #1d5a95 61.3%, #39579b 64.5%, #4e559f 67.7%, #6356a1 71.0%, #7858a0 74.2%, #8c5b9c 77.4%, #9f6197 80.6%, #af6890 83.9%, #bd718a 87.1%, #c77a84 90.3%, #cf8480 93.5%, #d38c7e 96.8%, #d6937c 100.0%);
background: linear-gradient(180deg in oklch, oklch(23.23% 0.0358 249.61) 0.0%, oklch(24.42% 0.0382 243.53) 3.2%, oklch(26.03% 0.0412 234.64) 6.5%, oklch(27.95% 0.0448 223.74) 9.7%, oklch(30.10% 0.0489 211.62) 12.9%, oklch(32.39% 0.0532 199.11) 16.1%, oklch(34.71% 0.0578 186.99) 19.4%, oklch(36.98% 0.0625 176.07) 22.6%, oklch(39.09% 0.0671 167.17) 25.8%, oklch(40.96% 0.0716 161.08) 29.0%, oklch(42.49% 0.0758 158.61) 32.3%, oklch(43.60% 0.0799 160.28) 35.5%, oklch(44.31% 0.0844 165.37) 38.7%, oklch(44.70% 0.0856 173.29) 41.9%, oklch(44.88% 0.0797 183.56) 45.2%, oklch(44.94% 0.0766 195.64) 48.4%, oklch(44.98% 0.0775 209.01) 51.6%, oklch(45.09% 0.0841 223.13) 54.8%, oklch(45.37% 0.0998 237.47) 58.1%, oklch(45.90% 0.1146 251.49) 61.3%, oklch(46.80% 0.1165 264.74) 64.5%, oklch(48.15% 0.1172 276.82) 67.7%, oklch(50.04% 0.1166 289.52) 71.0%, oklch(52.37% 0.1147 303.14) 74.2%, oklch(55.03% 0.1119 317.30) 77.4%, oklch(57.89% 0.1084 331.61) 80.6%, oklch(60.82% 0.1045 345.71) 83.9%, oklch(63.72% 0.1005 359.22) 87.1%, oklch(66.45% 0.0965 11.74) 90.3%, oklch(68.90% 0.0930 22.91) 93.5%, oklch(70.93% 0.0901 32.35) 96.8%, oklch(72.44% 0.0882 39.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.232 | 0.036 | 249.6 |
| 2 | 0.429 | 0.077 | 158.7 |
| 3 | 0.476 | 0.117 | 272.9 |
| 4 | 0.724 | 0.088 | 399.7 |

## In these collections

- [Snow gum blue hour](https://grabient.com/snow-gum-blue-hour)

## Other forms

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