# Tritone light blue, teal and beige linear gradient

Tritone light blue, teal and beige linear gradient with 64 colors: #a0c4d4, #9ec2d2, #9cc0d1, #9abecf, #97bbcd, #94b8cb, #91b5c9, #8db2c7, #89aec4, #86aac2, #82a6bf, #7ea2bc, #7b9eba, #779ab7, #7395b4, #7091b1, #6c8dae, #6989ab, #6685a8, #6381a6, #607ea3, #5d7aa1, #5a779e, #58749c, #56729a, #537099, #516e97, #4f6d96, #4d6c95, #4b6b95, #4a6c94, #486c94, #476e95, #467095, #457296, #447597, #447998, #447d99, #45829a, #47869b, #498b9c, #4d919d, #52969d, #589c9e, #60a19e, #68a79f, #71ac9f, #7ab2a0, #84b7a1, #8fbca2, #99c1a3, #a3c6a5, #aecaa8, #b8cfaa, #c1d3ad, #cbd7b1, #d3dbb4, #dbdfb8, #e3e2bc, #eae6c0, #f0e9c4, #f5ebc8, #faeecb, #fef0ce. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSyyChQpvC3mRLK`
- Page: https://grabient.com/kSyyChQpvC3mRLK?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: dark center, muted, cool
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.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 | `#a0c4d4` | `oklch(79.92% 0.0441 226.41)` | Sound Waves | black, 11.3 to 1 |
| 2 | `#9ec2d2` | `oklch(79.42% 0.0447 226.91)` | Airborne | black, 11.1 to 1 |
| 3 | `#9cc0d1` | `oklch(78.81% 0.0453 227.63)` | Gift of the Sea | black, 10.9 to 1 |
| 4 | `#9abecf` | `oklch(78.08% 0.0461 228.54)` | Neptune’s Realm | black, 10.6 to 1 |
| 5 | `#97bbcd` | `oklch(77.26% 0.0470 229.63)` | Arctic Sunrise | black, 10.3 to 1 |
| 6 | `#94b8cb` | `oklch(76.34% 0.0480 230.88)` | Moon Jellyfish | black, 10 to 1 |
| 7 | `#91b5c9` | `oklch(75.35% 0.0490 232.27)` | Sea Mark | black, 9.6 to 1 |
| 8 | `#8db2c7` | `oklch(74.29% 0.0502 233.77)` | Batch Blue | black, 9.2 to 1 |
| 9 | `#89aec4` | `oklch(73.16% 0.0514 235.36)` | Chilly Blue | black, 8.9 to 1 |
| 10 | `#86aac2` | `oklch(71.99% 0.0526 237.03)` | Colorado Springs | black, 8.5 to 1 |
| 11 | `#82a6bf` | `oklch(70.77% 0.0539 238.76)` | Stormfang | black, 8.1 to 1 |
| 12 | `#7ea2bc` | `oklch(69.52% 0.0552 240.52)` | Far Horizons | black, 7.7 to 1 |
| 13 | `#7b9eba` | `oklch(68.25% 0.0566 242.29)` | Blue Nile | black, 7.4 to 1 |
| 14 | `#779ab7` | `oklch(66.96% 0.0580 244.06)` | Walden Pond | black, 7 to 1 |
| 15 | `#7395b4` | `oklch(65.67% 0.0593 245.80)` | Ocean Ridge | black, 6.7 to 1 |
| 16 | `#7091b1` | `oklch(64.39% 0.0607 247.50)` | Allure | black, 6.3 to 1 |
| 17 | `#6c8dae` | `oklch(63.12% 0.0621 249.13)` | Distant Sky | black, 6 to 1 |
| 18 | `#6989ab` | `oklch(61.87% 0.0635 250.67)` | Pale Flower | black, 5.7 to 1 |
| 19 | `#6685a8` | `oklch(60.66% 0.0648 252.11)` | Moody Indigo | black, 5.4 to 1 |
| 20 | `#6381a6` | `oklch(59.49% 0.0661 253.41)` | Blue Boater | black, 5.2 to 1 |
| 21 | `#607ea3` | `oklch(58.37% 0.0673 254.57)` | Revival | black, 4.9 to 1 |
| 22 | `#5d7aa1` | `oklch(57.32% 0.0685 255.56)` | Cocktail Blue | black, 4.7 to 1 |
| 23 | `#5a779e` | `oklch(56.34% 0.0697 256.37)` | Montreux Blue | white, 4.5 to 1 |
| 24 | `#58749c` | `oklch(55.43% 0.0708 256.96)` | Clean Slate | white, 4.7 to 1 |
| 25 | `#56729a` | `oklch(54.62% 0.0717 257.33)` | Clean Slate | white, 4.9 to 1 |
| 26 | `#537099` | `oklch(53.91% 0.0727 257.44)` | Cobalt Flame | white, 5 to 1 |
| 27 | `#516e97` | `oklch(53.31% 0.0735 257.29)` | Riverside | white, 5.2 to 1 |
| 28 | `#4f6d96` | `oklch(52.82% 0.0742 256.84)` | Riverside | white, 5.3 to 1 |
| 29 | `#4d6c95` | `oklch(52.46% 0.0748 256.09)` | Riverside | white, 5.3 to 1 |
| 30 | `#4b6b95` | `oklch(52.25% 0.0752 255.00)` | Blue Odyssey | white, 5.4 to 1 |
| 31 | `#4a6c94` | `oklch(52.17% 0.0756 253.57)` | Queen Blue | white, 5.4 to 1 |
| 32 | `#486c94` | `oklch(52.26% 0.0757 251.76)` | Queen Blue | white, 5.4 to 1 |
| 33 | `#476e95` | `oklch(52.51% 0.0758 249.55)` | Postwar Boom | white, 5.3 to 1 |
| 34 | `#467095` | `oklch(52.94% 0.0757 246.83)` | Postwar Boom | white, 5.2 to 1 |
| 35 | `#457296` | `oklch(53.54% 0.0754 243.61)` | Postwar Boom | white, 5.1 to 1 |
| 36 | `#447597` | `oklch(54.30% 0.0751 239.95)` | Cry Me a River | white, 4.9 to 1 |
| 37 | `#447998` | `oklch(55.21% 0.0746 235.86)` | Sea Swirl | white, 4.7 to 1 |
| 38 | `#447d99` | `oklch(56.25% 0.0740 231.37)` | Linoleum Blue | black, 4.6 to 1 |
| 39 | `#45829a` | `oklch(57.42% 0.0733 226.54)` | Dirty Blue | black, 4.8 to 1 |
| 40 | `#47869b` | `oklch(58.71% 0.0725 221.38)` | Hippie Blue | black, 5.1 to 1 |
| 41 | `#498b9c` | `oklch(60.10% 0.0716 215.93)` | Blue Square | black, 5.4 to 1 |
| 42 | `#4d919d` | `oklch(61.59% 0.0706 210.22)` | Teal Trinket | black, 5.8 to 1 |
| 43 | `#52969d` | `oklch(63.15% 0.0696 204.29)` | Sea Current | black, 6.2 to 1 |
| 44 | `#589c9e` | `oklch(64.79% 0.0685 198.18)` | Cold North | black, 6.6 to 1 |
| 45 | `#60a19e` | `oklch(66.49% 0.0673 191.91)` | Folk Song | black, 7 to 1 |
| 46 | `#68a79f` | `oklch(68.24% 0.0661 185.51)` | Veranda | black, 7.5 to 1 |
| 47 | `#71ac9f` | `oklch(70.02% 0.0649 179.03)` | Turquoise Fantasies | black, 8.1 to 1 |
| 48 | `#7ab2a0` | `oklch(71.84% 0.0636 172.50)` | Beau Monde | black, 8.6 to 1 |
| 49 | `#84b7a1` | `oklch(73.67% 0.0623 165.94)` | Indian Ocean | black, 9.2 to 1 |
| 50 | `#8fbca2` | `oklch(75.50% 0.0611 159.40)` | Summertown | black, 9.8 to 1 |
| 51 | `#99c1a3` | `oklch(77.33% 0.0598 152.91)` | Spruce Stone | black, 10.5 to 1 |
| 52 | `#a3c6a5` | `oklch(79.15% 0.0585 146.49)` | French Market | black, 11.1 to 1 |
| 53 | `#aecaa8` | `oklch(80.94% 0.0572 140.19)` | Relish | black, 11.8 to 1 |
| 54 | `#b8cfaa` | `oklch(82.69% 0.0560 134.03)` | Pixie Green | black, 12.5 to 1 |
| 55 | `#c1d3ad` | `oklch(84.39% 0.0548 128.06)` | Romaine | black, 13.2 to 1 |
| 56 | `#cbd7b1` | `oklch(86.03% 0.0536 122.30)` | Chinese Leaf | black, 13.9 to 1 |
| 57 | `#d3dbb4` | `oklch(87.60% 0.0525 116.79)` | Spring Thyme | black, 14.5 to 1 |
| 58 | `#dbdfb8` | `oklch(89.08% 0.0514 111.56)` | April Showers | black, 15.2 to 1 |
| 59 | `#e3e2bc` | `oklch(90.48% 0.0505 106.64)` | Swan Dance | black, 15.9 to 1 |
| 60 | `#eae6c0` | `oklch(91.77% 0.0496 102.08)` | Arctic Daisy | black, 16.5 to 1 |
| 61 | `#f0e9c4` | `oklch(92.94% 0.0487 97.89)` | Ethereal Green | black, 17.1 to 1 |
| 62 | `#f5ebc8` | `oklch(93.99% 0.0480 94.13)` | Lemon Icing | black, 17.6 to 1 |
| 63 | `#faeecb` | `oklch(94.90% 0.0474 90.81)` | Orecchiette | black, 18.1 to 1 |
| 64 | `#fef0ce` | `oklch(95.67% 0.0469 87.97)` | Walnut Milkies | black, 18.5 to 1 |

## CSS

```css
background: linear-gradient(225deg, #a0c4d4 0.0%, #9ec2d2 1.6%, #9cc0d1 3.2%, #9abecf 4.8%, #97bbcd 6.3%, #94b8cb 7.9%, #91b5c9 9.5%, #8db2c7 11.1%, #89aec4 12.7%, #86aac2 14.3%, #82a6bf 15.9%, #7ea2bc 17.5%, #7b9eba 19.0%, #779ab7 20.6%, #7395b4 22.2%, #7091b1 23.8%, #6c8dae 25.4%, #6989ab 27.0%, #6685a8 28.6%, #6381a6 30.2%, #607ea3 31.7%, #5d7aa1 33.3%, #5a779e 34.9%, #58749c 36.5%, #56729a 38.1%, #537099 39.7%, #516e97 41.3%, #4f6d96 42.9%, #4d6c95 44.4%, #4b6b95 46.0%, #4a6c94 47.6%, #486c94 49.2%, #476e95 50.8%, #467095 52.4%, #457296 54.0%, #447597 55.6%, #447998 57.1%, #447d99 58.7%, #45829a 60.3%, #47869b 61.9%, #498b9c 63.5%, #4d919d 65.1%, #52969d 66.7%, #589c9e 68.3%, #60a19e 69.8%, #68a79f 71.4%, #71ac9f 73.0%, #7ab2a0 74.6%, #84b7a1 76.2%, #8fbca2 77.8%, #99c1a3 79.4%, #a3c6a5 81.0%, #aecaa8 82.5%, #b8cfaa 84.1%, #c1d3ad 85.7%, #cbd7b1 87.3%, #d3dbb4 88.9%, #dbdfb8 90.5%, #e3e2bc 92.1%, #eae6c0 93.7%, #f0e9c4 95.2%, #f5ebc8 96.8%, #faeecb 98.4%, #fef0ce 100.0%);
background: linear-gradient(225deg in oklch, oklch(79.92% 0.0441 226.41) 0.0%, oklch(79.42% 0.0447 226.91) 1.6%, oklch(78.81% 0.0453 227.63) 3.2%, oklch(78.08% 0.0461 228.54) 4.8%, oklch(77.26% 0.0470 229.63) 6.3%, oklch(76.34% 0.0480 230.88) 7.9%, oklch(75.35% 0.0490 232.27) 9.5%, oklch(74.29% 0.0502 233.77) 11.1%, oklch(73.16% 0.0514 235.36) 12.7%, oklch(71.99% 0.0526 237.03) 14.3%, oklch(70.77% 0.0539 238.76) 15.9%, oklch(69.52% 0.0552 240.52) 17.5%, oklch(68.25% 0.0566 242.29) 19.0%, oklch(66.96% 0.0580 244.06) 20.6%, oklch(65.67% 0.0593 245.80) 22.2%, oklch(64.39% 0.0607 247.50) 23.8%, oklch(63.12% 0.0621 249.13) 25.4%, oklch(61.87% 0.0635 250.67) 27.0%, oklch(60.66% 0.0648 252.11) 28.6%, oklch(59.49% 0.0661 253.41) 30.2%, oklch(58.37% 0.0673 254.57) 31.7%, oklch(57.32% 0.0685 255.56) 33.3%, oklch(56.34% 0.0697 256.37) 34.9%, oklch(55.43% 0.0708 256.96) 36.5%, oklch(54.62% 0.0717 257.33) 38.1%, oklch(53.91% 0.0727 257.44) 39.7%, oklch(53.31% 0.0735 257.29) 41.3%, oklch(52.82% 0.0742 256.84) 42.9%, oklch(52.46% 0.0748 256.09) 44.4%, oklch(52.25% 0.0752 255.00) 46.0%, oklch(52.17% 0.0756 253.57) 47.6%, oklch(52.26% 0.0757 251.76) 49.2%, oklch(52.51% 0.0758 249.55) 50.8%, oklch(52.94% 0.0757 246.83) 52.4%, oklch(53.54% 0.0754 243.61) 54.0%, oklch(54.30% 0.0751 239.95) 55.6%, oklch(55.21% 0.0746 235.86) 57.1%, oklch(56.25% 0.0740 231.37) 58.7%, oklch(57.42% 0.0733 226.54) 60.3%, oklch(58.71% 0.0725 221.38) 61.9%, oklch(60.10% 0.0716 215.93) 63.5%, oklch(61.59% 0.0706 210.22) 65.1%, oklch(63.15% 0.0696 204.29) 66.7%, oklch(64.79% 0.0685 198.18) 68.3%, oklch(66.49% 0.0673 191.91) 69.8%, oklch(68.24% 0.0661 185.51) 71.4%, oklch(70.02% 0.0649 179.03) 73.0%, oklch(71.84% 0.0636 172.50) 74.6%, oklch(73.67% 0.0623 165.94) 76.2%, oklch(75.50% 0.0611 159.40) 77.8%, oklch(77.33% 0.0598 152.91) 79.4%, oklch(79.15% 0.0585 146.49) 81.0%, oklch(80.94% 0.0572 140.19) 82.5%, oklch(82.69% 0.0560 134.03) 84.1%, oklch(84.39% 0.0548 128.06) 85.7%, oklch(86.03% 0.0536 122.30) 87.3%, oklch(87.60% 0.0525 116.79) 88.9%, oklch(89.08% 0.0514 111.56) 90.5%, oklch(90.48% 0.0505 106.64) 92.1%, oklch(91.77% 0.0496 102.08) 93.7%, oklch(92.94% 0.0487 97.89) 95.2%, oklch(93.99% 0.0480 94.13) 96.8%, oklch(94.90% 0.0474 90.81) 98.4%, oklch(95.67% 0.0469 87.97) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.799 | 0.044 | 226.4 |
| 2 | 0.524 | 0.076 | 250.7 |
| 3 | 0.957 | 0.047 | 88 |

## In these collections

- [Wheat field sunset](https://grabient.com/wheat-field-sunset)

## Other forms

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