# Pastel analogous gray, blue and teal angular gradient

Pastel analogous gray, blue and teal angular gradient with 32 colors: #95aebc, #94aebe, #91afc0, #8fb0c3, #8cb1c6, #88b2c9, #84b4cc, #80b5ce, #7cb6d0, #77b7d2, #73b7d2, #6fb7d2, #6bb8d0, #67b8ce, #64b7cc, #60b7c8, #5db7c5, #5bb6c1, #58b5bd, #56b4b9, #55b3b6, #53b2b2, #51b1af, #4fafab, #4eada8, #4caca4, #4baaa1, #4aa89e, #49a69b, #48a499, #47a396, #47a295. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUuxmm3p0-1ogvJTIL5A`
- Page: https://grabient.com/kUuxmm3p0-1ogvJTIL5A?style=angularGradient&steps=32&angle=315
- Drawn as: angular gradient, 32 steps, 315 degrees
- Kinds: even lightness, pastel, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.3 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 | `#95aebc` | `oklch(73.62% 0.0344 234.14)` | Showcase Blue | black, 9 to 1 |
| 2 | `#94aebe` | `oklch(73.69% 0.0372 233.68)` | Showcase Blue | black, 9 to 1 |
| 3 | `#91afc0` | `oklch(73.79% 0.0409 233.19)` | Showcase Blue | black, 9.1 to 1 |
| 4 | `#8fb0c3` | `oklch(73.92% 0.0454 232.64)` | Bermuda Blue | black, 9.1 to 1 |
| 5 | `#8cb1c6` | `oklch(74.07% 0.0504 232.02)` | Bermuda Blue | black, 9.2 to 1 |
| 6 | `#88b2c9` | `oklch(74.21% 0.0557 231.30)` | Batch Blue | black, 9.2 to 1 |
| 7 | `#84b4cc` | `oklch(74.35% 0.0611 230.45)` | Batch Blue | black, 9.3 to 1 |
| 8 | `#80b5ce` | `oklch(74.45% 0.0663 229.44)` | Harbour Sky | black, 9.3 to 1 |
| 9 | `#7cb6d0` | `oklch(74.51% 0.0712 228.25)` | Harbour Sky | black, 9.4 to 1 |
| 10 | `#77b7d2` | `oklch(74.51% 0.0755 226.86)` | Blue Chrysocolla | black, 9.4 to 1 |
| 11 | `#73b7d2` | `oklch(74.45% 0.0790 225.23)` | Blue Chrysocolla | black, 9.4 to 1 |
| 12 | `#6fb7d2` | `oklch(74.31% 0.0816 223.30)` | Blue Brocade | black, 9.4 to 1 |
| 13 | `#6bb8d0` | `oklch(74.11% 0.0836 220.95)` | Blue Brocade | black, 9.3 to 1 |
| 14 | `#67b8ce` | `oklch(73.85% 0.0852 218.25)` | Revelry Blue | black, 9.2 to 1 |
| 15 | `#64b7cc` | `oklch(73.55% 0.0864 215.31)` | Revelry Blue | black, 9.2 to 1 |
| 16 | `#60b7c8` | `oklch(73.21% 0.0872 212.21)` | Blouson Blue | black, 9.1 to 1 |
| 17 | `#5db7c5` | `oklch(72.84% 0.0879 209.04)` | Aqualogic | black, 9 to 1 |
| 18 | `#5bb6c1` | `oklch(72.44% 0.0883 205.90)` | Spearfish | black, 8.8 to 1 |
| 19 | `#58b5bd` | `oklch(72.03% 0.0886 202.88)` | Spearfish | black, 8.7 to 1 |
| 20 | `#56b4b9` | `oklch(71.60% 0.0889 200.07)` | Thalassa | black, 8.6 to 1 |
| 21 | `#55b3b6` | `oklch(71.16% 0.0893 197.56)` | Crystalsong Blue | black, 8.5 to 1 |
| 22 | `#53b2b2` | `oklch(70.72% 0.0897 195.42)` | Crystalsong Blue | black, 8.3 to 1 |
| 23 | `#51b1af` | `oklch(70.21% 0.0900 193.50)` | Crystalsong Blue | black, 8.2 to 1 |
| 24 | `#4fafab` | `oklch(69.65% 0.0902 191.72)` | Verdigris | black, 8 to 1 |
| 25 | `#4eada8` | `oklch(69.04% 0.0903 190.09)` | Emerald Succulent | black, 7.8 to 1 |
| 26 | `#4caca4` | `oklch(68.41% 0.0902 188.59)` | Emerald Succulent | black, 7.7 to 1 |
| 27 | `#4baaa1` | `oklch(67.79% 0.0901 187.23)` | Paradise Island | black, 7.5 to 1 |
| 28 | `#4aa89e` | `oklch(67.18% 0.0900 186.00)` | Jewel Weed | black, 7.3 to 1 |
| 29 | `#49a69b` | `oklch(66.61% 0.0899 184.90)` | Bahaman Bliss | black, 7.2 to 1 |
| 30 | `#48a499` | `oklch(66.10% 0.0897 183.93)` | Bahaman Bliss | black, 7 to 1 |
| 31 | `#47a396` | `oklch(65.68% 0.0896 183.08)` | Bahaman Bliss | black, 6.9 to 1 |
| 32 | `#47a295` | `oklch(65.35% 0.0896 182.36)` | Bahaman Bliss | black, 6.8 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #95aebc 0.0%, #94aebe 3.2%, #91afc0 6.5%, #8fb0c3 9.7%, #8cb1c6 12.9%, #88b2c9 16.1%, #84b4cc 19.4%, #80b5ce 22.6%, #7cb6d0 25.8%, #77b7d2 29.0%, #73b7d2 32.3%, #6fb7d2 35.5%, #6bb8d0 38.7%, #67b8ce 41.9%, #64b7cc 45.2%, #60b7c8 48.4%, #5db7c5 51.6%, #5bb6c1 54.8%, #58b5bd 58.1%, #56b4b9 61.3%, #55b3b6 64.5%, #53b2b2 67.7%, #51b1af 71.0%, #4fafab 74.2%, #4eada8 77.4%, #4caca4 80.6%, #4baaa1 83.9%, #4aa89e 87.1%, #49a69b 90.3%, #48a499 93.5%, #47a396 96.8%, #47a295 100.0%);
background: conic-gradient(from 315deg in oklch, oklch(73.62% 0.0344 234.14) 0.0%, oklch(73.69% 0.0372 233.68) 3.2%, oklch(73.79% 0.0409 233.19) 6.5%, oklch(73.92% 0.0454 232.64) 9.7%, oklch(74.07% 0.0504 232.02) 12.9%, oklch(74.21% 0.0557 231.30) 16.1%, oklch(74.35% 0.0611 230.45) 19.4%, oklch(74.45% 0.0663 229.44) 22.6%, oklch(74.51% 0.0712 228.25) 25.8%, oklch(74.51% 0.0755 226.86) 29.0%, oklch(74.45% 0.0790 225.23) 32.3%, oklch(74.31% 0.0816 223.30) 35.5%, oklch(74.11% 0.0836 220.95) 38.7%, oklch(73.85% 0.0852 218.25) 41.9%, oklch(73.55% 0.0864 215.31) 45.2%, oklch(73.21% 0.0872 212.21) 48.4%, oklch(72.84% 0.0879 209.04) 51.6%, oklch(72.44% 0.0883 205.90) 54.8%, oklch(72.03% 0.0886 202.88) 58.1%, oklch(71.60% 0.0889 200.07) 61.3%, oklch(71.16% 0.0893 197.56) 64.5%, oklch(70.72% 0.0897 195.42) 67.7%, oklch(70.21% 0.0900 193.50) 71.0%, oklch(69.65% 0.0902 191.72) 74.2%, oklch(69.04% 0.0903 190.09) 77.4%, oklch(68.41% 0.0902 188.59) 80.6%, oklch(67.79% 0.0901 187.23) 83.9%, oklch(67.18% 0.0900 186.00) 87.1%, oklch(66.61% 0.0899 184.90) 90.3%, oklch(66.10% 0.0897 183.93) 93.5%, oklch(65.68% 0.0896 183.08) 96.8%, oklch(65.35% 0.0896 182.36) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.736 | 0.034 | 234.1 |
| 2 | 0.744 | 0.08 | 224.6 |
| 3 | 0.709 | 0.09 | 196.1 |
| 4 | 0.654 | 0.09 | 182.4 |

## In these collections

- [App background gradients](https://grabient.com/app-background-gradients)

## Other forms

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