# Teal sand diagonal haze Tritone teal, green and tan linear gradient with 32 colors: #026b77, #12737e, #227e88, #328c94, #429ba1, #50a9ad, #5cb5b7, #64bcbd, #66bebe, #61b8ba, #56adb2, #499ea7, #3a8d9a, #2d7f8d, #207381, #176d77, #186e70, #297468, #477c5e, #6a8457, #8c8c57, #aa9362, #c09a72, #cea180, #d5a786, #d6ad87, #d2b486, #c8bb87, #bac28e, #abc899, #9ecba5, #97cdaf. Edit it and copy or download CSS, SVG, PNG or shader code. - Also called: Tritone teal, green and tan linear gradient - Seed: `kWezyUXx8-b4cQNfGa6ZhpMI` - Page: https://grabient.com/kWezyUXx8-b4cQNfGa6ZhpMI?steps=32&angle=45 - Drawn as: linear gradient, 32 steps, 45 degrees - Hues: two-hue - Contrast of its darkest and lightest colors: 3.4 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 | `#026b77` | `oklch(48.43% 0.0827 208.12)` | Mary Blue | white, 6.1 to 1 | | 2 | `#12737e` | `oklch(50.92% 0.0830 206.96)` | Night Scape | white, 5.5 to 1 | | 3 | `#227e88` | `oklch(54.65% 0.0835 205.26)` | Caribe | white, 4.7 to 1 | | 4 | `#328c94` | `oklch(59.12% 0.0840 203.22)` | Aqueous | black, 5.3 to 1 | | 5 | `#429ba1` | `oklch(63.82% 0.0846 201.05)` | Water Carrier | black, 6.4 to 1 | | 6 | `#50a9ad` | `oklch(68.24% 0.0852 198.98)` | Blue Turquoise | black, 7.6 to 1 | | 7 | `#5cb5b7` | `oklch(71.87% 0.0855 197.20)` | Aqueduct | black, 8.7 to 1 | | 8 | `#64bcbd` | `oklch(74.21% 0.0856 195.93)` | Fresh Soft Blue | black, 9.5 to 1 | | 9 | `#66bebe` | `oklch(74.73% 0.0853 195.46)` | Aqua Sky | black, 9.6 to 1 | | 10 | `#61b8ba` | `oklch(73.02% 0.0847 197.18)` | Dickie Bird | black, 9.1 to 1 | | 11 | `#56adb2` | `oklch(69.53% 0.0838 200.74)` | Blue Turquoise | black, 7.9 to 1 | | 12 | `#499ea7` | `oklch(64.95% 0.0827 205.00)` | Basilica Blue | black, 6.7 to 1 | | 13 | `#3a8d9a` | `oklch(59.95% 0.0814 208.85)` | Aqueous | black, 5.4 to 1 | | 14 | `#2d7f8d` | `oklch(55.20% 0.0801 211.17)` | Pagoda Blue | white, 4.6 to 1 | | 15 | `#207381` | `oklch(51.37% 0.0788 210.82)` | Night Scape | white, 5.4 to 1 | | 16 | `#176d77` | `oklch(49.13% 0.0777 206.68)` | Teal Fury | white, 6 to 1 | | 17 | `#186e70` | `oklch(49.07% 0.0767 197.23)` | Peacock Plume | white, 6 to 1 | | 18 | `#297468` | `oklch(50.89% 0.0756 180.34)` | Nordic Forest | white, 5.5 to 1 | | 19 | `#477c5e` | `oklch(54.08% 0.0745 158.05)` | Como | white, 4.8 to 1 | | 20 | `#6a8457` | `oklch(58.17% 0.0735 132.98)` | Tee Off | black, 5 to 1 | | 21 | `#8c8c57` | `oklch(62.70% 0.0725 107.72)` | Green Olive | black, 5.9 to 1 | | 22 | `#aa9362` | `oklch(67.20% 0.0716 84.90)` | Pyrite Gold | black, 7 to 1 | | 23 | `#c09a72` | `oklch(71.21% 0.0709 67.12)` | Lanyard | black, 8.1 to 1 | | 24 | `#cea180` | `oklch(74.25% 0.0704 56.99)` | Arbol de Tamarindo | black, 9 to 1 | | 25 | `#d5a786` | `oklch(76.17% 0.0701 56.53)` | Desert Riverbed | black, 9.6 to 1 | | 26 | `#d6ad87` | `oklch(77.54% 0.0701 64.43)` | Santa Fe Tan | black, 10.1 to 1 | | 27 | `#d2b486` | `oklch(78.49% 0.0702 78.41)` | Camelback Mountain | black, 10.6 to 1 | | 28 | `#c8bb87` | `oklch(79.12% 0.0705 96.18)` | Olive Hint | black, 10.9 to 1 | | 29 | `#bac28e` | `oklch(79.52% 0.0708 115.46)` | Jitterbug | black, 11.2 to 1 | | 30 | `#abc899` | `oklch(79.79% 0.0712 133.96)` | Oh Pistachio | black, 11.4 to 1 | | 31 | `#9ecba5` | `oklch(80.02% 0.0715 149.40)` | Potted Plant | black, 11.5 to 1 | | 32 | `#97cdaf` | `oklch(80.31% 0.0717 159.51)` | Heath Green | black, 11.7 to 1 | ## CSS ```css background: linear-gradient(45deg, #026b77 0.0%, #12737e 3.2%, #227e88 6.5%, #328c94 9.7%, #429ba1 12.9%, #50a9ad 16.1%, #5cb5b7 19.4%, #64bcbd 22.6%, #66bebe 25.8%, #61b8ba 29.0%, #56adb2 32.3%, #499ea7 35.5%, #3a8d9a 38.7%, #2d7f8d 41.9%, #207381 45.2%, #176d77 48.4%, #186e70 51.6%, #297468 54.8%, #477c5e 58.1%, #6a8457 61.3%, #8c8c57 64.5%, #aa9362 67.7%, #c09a72 71.0%, #cea180 74.2%, #d5a786 77.4%, #d6ad87 80.6%, #d2b486 83.9%, #c8bb87 87.1%, #bac28e 90.3%, #abc899 93.5%, #9ecba5 96.8%, #97cdaf 100.0%); background: linear-gradient(45deg in oklch, oklch(48.43% 0.0827 208.12) 0.0%, oklch(50.92% 0.0830 206.96) 3.2%, oklch(54.65% 0.0835 205.26) 6.5%, oklch(59.12% 0.0840 203.22) 9.7%, oklch(63.82% 0.0846 201.05) 12.9%, oklch(68.24% 0.0852 198.98) 16.1%, oklch(71.87% 0.0855 197.20) 19.4%, oklch(74.21% 0.0856 195.93) 22.6%, oklch(74.73% 0.0853 195.46) 25.8%, oklch(73.02% 0.0847 197.18) 29.0%, oklch(69.53% 0.0838 200.74) 32.3%, oklch(64.95% 0.0827 205.00) 35.5%, oklch(59.95% 0.0814 208.85) 38.7%, oklch(55.20% 0.0801 211.17) 41.9%, oklch(51.37% 0.0788 210.82) 45.2%, oklch(49.13% 0.0777 206.68) 48.4%, oklch(49.07% 0.0767 197.23) 51.6%, oklch(50.89% 0.0756 180.34) 54.8%, oklch(54.08% 0.0745 158.05) 58.1%, oklch(58.17% 0.0735 132.98) 61.3%, oklch(62.70% 0.0725 107.72) 64.5%, oklch(67.20% 0.0716 84.90) 67.7%, oklch(71.21% 0.0709 67.12) 71.0%, oklch(74.25% 0.0704 56.99) 74.2%, oklch(76.17% 0.0701 56.53) 77.4%, oklch(77.54% 0.0701 64.43) 80.6%, oklch(78.49% 0.0702 78.41) 83.9%, oklch(79.12% 0.0705 96.18) 87.1%, oklch(79.52% 0.0708 115.46) 90.3%, oklch(79.79% 0.0712 133.96) 93.5%, oklch(80.02% 0.0715 149.40) 96.8%, oklch(80.31% 0.0717 159.51) 100.0%); ``` ## Keyframes 5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.484 | 0.083 | 208.1 | | 2 | 0.748 | 0.085 | 195.4 | | 3 | 0.488 | 0.077 | 202.8 | | 4 | 0.748 | 0.07 | 56 | | 5 | 0.803 | 0.072 | 159.5 | ## In these collections - [Turquoise](https://grabient.com/turquoise) - [Between tides](https://grabient.com/between-tides) ## Other forms - [JSON](https://grabient.com/kWezyUXx8-b4cQNfGa6ZhpMI.json?steps=32&angle=45) - [PNG](https://grabient.com/kWezyUXx8-b4cQNfGa6ZhpMI.png?steps=32&angle=45) - [SVG](https://grabient.com/kWezyUXx8-b4cQNfGa6ZhpMI.svg?steps=32&angle=45) - [CSS](https://grabient.com/kWezyUXx8-b4cQNfGa6ZhpMI.css?steps=32&angle=45) - [ASE](https://grabient.com/kWezyUXx8-b4cQNfGa6ZhpMI.ase?steps=32&angle=45) - [GPL](https://grabient.com/kWezyUXx8-b4cQNfGa6ZhpMI.gpl?steps=32&angle=45) - [GRD](https://grabient.com/kWezyUXx8-b4cQNfGa6ZhpMI.grd?steps=32&angle=45) - [Design tokens](https://grabient.com/kWezyUXx8-b4cQNfGa6ZhpMI.tokens.json?steps=32&angle=45) - [Social card](https://grabient.com/api/og?seed=kWezyUXx8-b4cQNfGa6ZhpMI&steps=32&angle=45) - [Palettes like this one](https://grabient.com/palettes?q=kWezyUXx8-b4cQNfGa6ZhpMI) - [Guide for agents](https://grabient.com/llms.txt)