# Pastel tritone blue, green and tan radial gradient

Pastel tritone blue, green and tan radial gradient with 32 colors: #57a2ba, #57a5bb, #59a9bc, #5baebd, #5eb4be, #63b9bf, #67bfbf, #6dc4bf, #73c9be, #79cdbd, #7fd1bb, #84d3b7, #8ad4b4, #8fd5b0, #95d6ab, #9bd6a6, #a0d5a1, #a6d49b, #abd396, #b0d190, #b5ce8a, #bacc84, #bfc87e, #c3c377, #c6be70, #c9b869, #ccb263, #cead5d, #d0a759, #d2a256, #d39e54, #d39b53. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUqzydZh-6WeiudcqLng`
- Page: https://grabient.com/kUqzydZh-6WeiudcqLng?style=radialGradient&steps=32&angle=135
- Drawn as: radial gradient, 32 steps, 135 degrees
- Kinds: pastel, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 1.7 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 | `#57a2ba` | `oklch(67.32% 0.0827 220.78)` | Inuit | black, 7.2 to 1 |
| 2 | `#57a5bb` | `oklch(68.12% 0.0829 218.07)` | Pottery Blue | black, 7.5 to 1 |
| 3 | `#59a9bc` | `oklch(69.20% 0.0832 214.63)` | Verditer Blue | black, 7.8 to 1 |
| 4 | `#5baebd` | `oklch(70.50% 0.0835 210.58)` | Finnish Fiord | black, 8.2 to 1 |
| 5 | `#5eb4be` | `oklch(71.95% 0.0838 206.02)` | Aqueduct | black, 8.7 to 1 |
| 6 | `#63b9bf` | `oklch(73.49% 0.0842 201.09)` | Dickie Bird | black, 9.2 to 1 |
| 7 | `#67bfbf` | `oklch(75.04% 0.0846 195.90)` | Tropic Tide | black, 9.7 to 1 |
| 8 | `#6dc4bf` | `oklch(76.54% 0.0850 190.56)` | Tropic Tide | black, 10.3 to 1 |
| 9 | `#73c9be` | `oklch(77.92% 0.0855 185.19)` | Turkish Teal | black, 10.8 to 1 |
| 10 | `#79cdbd` | `oklch(79.12% 0.0860 179.92)` | Jolly Jade | black, 11.3 to 1 |
| 11 | `#7fd1bb` | `oklch(80.07% 0.0866 174.85)` | Lavish Green | black, 11.6 to 1 |
| 12 | `#84d3b7` | `oklch(80.74% 0.0872 170.00)` | Tropical Trail | black, 11.9 to 1 |
| 13 | `#8ad4b4` | `oklch(81.28% 0.0878 165.10)` | Tropical Trail | black, 12.1 to 1 |
| 14 | `#8fd5b0` | `oklch(81.70% 0.0884 160.14)` | Vista Blue | black, 12.3 to 1 |
| 15 | `#95d6ab` | `oklch(82.01% 0.0891 155.12)` | Peaceful Pastures | black, 12.4 to 1 |
| 16 | `#9bd6a6` | `oklch(82.20% 0.0898 150.07)` | Sunlit Glade | black, 12.5 to 1 |
| 17 | `#a0d5a1` | `oklch(82.29% 0.0906 145.00)` | Sunlit Glade | black, 12.5 to 1 |
| 18 | `#a6d49b` | `oklch(82.28% 0.0914 139.91)` | Pistachio Green | black, 12.5 to 1 |
| 19 | `#abd396` | `oklch(82.18% 0.0923 134.84)` | Nature’s Delight | black, 12.4 to 1 |
| 20 | `#b0d190` | `oklch(81.99% 0.0932 129.78)` | Al Green | black, 12.3 to 1 |
| 21 | `#b5ce8a` | `oklch(81.72% 0.0943 124.77)` | Al Green | black, 12.1 to 1 |
| 22 | `#bacc84` | `oklch(81.36% 0.0955 119.77)` | Nurgling Green | black, 12 to 1 |
| 23 | `#bfc87e` | `oklch(80.80% 0.0969 114.48)` | Soda Pop | black, 11.7 to 1 |
| 24 | `#c3c377` | `oklch(80.04% 0.0986 108.92)` | Mélange Green | black, 11.4 to 1 |
| 25 | `#c6be70` | `oklch(79.13% 0.1004 103.22)` | Go Go Lime | black, 11 to 1 |
| 26 | `#c9b869` | `oklch(78.12% 0.1023 97.51)` | Secret Safari | black, 10.5 to 1 |
| 27 | `#ccb263` | `oklch(77.06% 0.1042 91.93)` | Canadian Maple | black, 10.1 to 1 |
| 28 | `#cead5d` | `oklch(76.01% 0.1060 86.62)` | Desert | black, 9.7 to 1 |
| 29 | `#d0a759` | `oklch(75.01% 0.1078 81.71)` | Excitable | black, 9.3 to 1 |
| 30 | `#d2a256` | `oklch(74.11% 0.1093 77.33)` | Ogryn Wash | black, 9 to 1 |
| 31 | `#d39e54` | `oklch(73.37% 0.1106 73.62)` | Saffron Robe | black, 8.7 to 1 |
| 32 | `#d39b53` | `oklch(72.83% 0.1116 70.72)` | Poseidon’s Gold | black, 8.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #57a2ba 0.0%, #57a5bb 3.2%, #59a9bc 6.5%, #5baebd 9.7%, #5eb4be 12.9%, #63b9bf 16.1%, #67bfbf 19.4%, #6dc4bf 22.6%, #73c9be 25.8%, #79cdbd 29.0%, #7fd1bb 32.3%, #84d3b7 35.5%, #8ad4b4 38.7%, #8fd5b0 41.9%, #95d6ab 45.2%, #9bd6a6 48.4%, #a0d5a1 51.6%, #a6d49b 54.8%, #abd396 58.1%, #b0d190 61.3%, #b5ce8a 64.5%, #bacc84 67.7%, #bfc87e 71.0%, #c3c377 74.2%, #c6be70 77.4%, #c9b869 80.6%, #ccb263 83.9%, #cead5d 87.1%, #d0a759 90.3%, #d2a256 93.5%, #d39e54 96.8%, #d39b53 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(67.32% 0.0827 220.78) 0.0%, oklch(68.12% 0.0829 218.07) 3.2%, oklch(69.20% 0.0832 214.63) 6.5%, oklch(70.50% 0.0835 210.58) 9.7%, oklch(71.95% 0.0838 206.02) 12.9%, oklch(73.49% 0.0842 201.09) 16.1%, oklch(75.04% 0.0846 195.90) 19.4%, oklch(76.54% 0.0850 190.56) 22.6%, oklch(77.92% 0.0855 185.19) 25.8%, oklch(79.12% 0.0860 179.92) 29.0%, oklch(80.07% 0.0866 174.85) 32.3%, oklch(80.74% 0.0872 170.00) 35.5%, oklch(81.28% 0.0878 165.10) 38.7%, oklch(81.70% 0.0884 160.14) 41.9%, oklch(82.01% 0.0891 155.12) 45.2%, oklch(82.20% 0.0898 150.07) 48.4%, oklch(82.29% 0.0906 145.00) 51.6%, oklch(82.28% 0.0914 139.91) 54.8%, oklch(82.18% 0.0923 134.84) 58.1%, oklch(81.99% 0.0932 129.78) 61.3%, oklch(81.72% 0.0943 124.77) 64.5%, oklch(81.36% 0.0955 119.77) 67.7%, oklch(80.80% 0.0969 114.48) 71.0%, oklch(80.04% 0.0986 108.92) 74.2%, oklch(79.13% 0.1004 103.22) 77.4%, oklch(78.12% 0.1023 97.51) 80.6%, oklch(77.06% 0.1042 91.93) 83.9%, oklch(76.01% 0.1060 86.62) 87.1%, oklch(75.01% 0.1078 81.71) 90.3%, oklch(74.11% 0.1093 77.33) 93.5%, oklch(73.37% 0.1106 73.62) 96.8%, oklch(72.83% 0.1116 70.72) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.673 | 0.083 | 220.8 |
| 2 | 0.803 | 0.087 | 173.2 |
| 3 | 0.815 | 0.095 | 121.4 |
| 4 | 0.728 | 0.112 | 70.7 |

## In these collections

- [Monsoon rice field](https://grabient.com/monsoon-rice-field)

## Other forms

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