# Blue pale teal black gradient

Blue, light blue, teal and black linear gradient with 40 colors: #54b9e8, #55bbea, #57bfec, #5ac3ee, #5dc9f1, #60cff4, #64d5f8, #69dcfb, #6ee2ff, #7de8ff, #8dedff, #9bf1ff, #a8f5ff, #b3f8ff, #bdfbff, #c3fcff, #c5feff, #c1ffff, #b8ffff, #a6fffe, #95fcfb, #90f4f4, #8aebeb, #83dfe1, #7ad2d5, #71c4c8, #67b5ba, #5ca5ac, #52959d, #47858e, #3c757f, #326570, #295762, #1f4954, #173c47, #0f313b, #082731, #041e28, #011720, #00121a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Blue, light blue, teal and black linear gradient
- Seed: `kSvVSldyO7hWMQ8`
- Page: https://grabient.com/kSvVSldyO7hWMQ8?steps=40&angle=225
- Drawn as: linear gradient, 40 steps, 225 degrees
- Kinds: light center, pastel, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 17.2 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 | `#54b9e8` | `oklch(74.41% 0.1157 232.03)` | Sea Frolic | black, 9.4 to 1 |
| 2 | `#55bbea` | `oklch(75.07% 0.1153 230.90)` | Clean Pool | black, 9.6 to 1 |
| 3 | `#57bfec` | `oklch(76.04% 0.1149 229.44)` | Clean Pool | black, 10 to 1 |
| 4 | `#5ac3ee` | `oklch(77.28% 0.1144 227.68)` | Clean Pool | black, 10.4 to 1 |
| 5 | `#5dc9f1` | `oklch(78.72% 0.1140 225.67)` | Thor’s Thunder | black, 11 to 1 |
| 6 | `#60cff4` | `oklch(80.34% 0.1136 223.46)` | Libra Blue Morpho | black, 11.7 to 1 |
| 7 | `#64d5f8` | `oklch(82.07% 0.1131 221.09)` | Heisenberg Blue | black, 12.4 to 1 |
| 8 | `#69dcfb` | `oklch(83.88% 0.1126 218.60)` | Athena Blue | black, 13.2 to 1 |
| 9 | `#6ee2ff` | `oklch(85.72% 0.1120 216.03)` | Athena Blue | black, 14 to 1 |
| 10 | `#7de8ff` | `oklch(87.53% 0.1035 213.43)` | Robin’s Egg | black, 14.8 to 1 |
| 11 | `#8dedff` | `oklch(89.28% 0.0944 210.84)` | Photon Projector | black, 15.6 to 1 |
| 12 | `#9bf1ff` | `oklch(90.92% 0.0854 208.30)` | Alpine Expedition | black, 16.4 to 1 |
| 13 | `#a8f5ff` | `oklch(92.40% 0.0768 205.86)` | Waterspout | black, 17.1 to 1 |
| 14 | `#b3f8ff` | `oklch(93.67% 0.0689 203.56)` | Ice Citadel | black, 17.8 to 1 |
| 15 | `#bdfbff` | `oklch(94.69% 0.0624 201.45)` | Friendly Frost | black, 18.3 to 1 |
| 16 | `#c3fcff` | `oklch(95.41% 0.0582 199.56)` | Thin Air | black, 18.7 to 1 |
| 17 | `#c5feff` | `oklch(95.79% 0.0575 197.94)` | VIC 20 Blue | black, 18.9 to 1 |
| 18 | `#c1ffff` | `oklch(95.77% 0.0616 196.64)` | The Big Freeze | black, 18.9 to 1 |
| 19 | `#b8ffff` | `oklch(95.31% 0.0704 195.72)` | The Big Freeze | black, 18.7 to 1 |
| 20 | `#a6fffe` | `oklch(94.37% 0.0857 195.17)` | Affen Turquoise | black, 18.3 to 1 |
| 21 | `#95fcfb` | `oklch(92.88% 0.0967 195.05)` | Glitchy Shader Blue | black, 17.6 to 1 |
| 22 | `#90f4f4` | `oklch(90.73% 0.0942 195.37)` | Hydro Cannon | black, 16.4 to 1 |
| 23 | `#8aebeb` | `oklch(87.99% 0.0914 196.08)` | Bath Water | black, 15.1 to 1 |
| 24 | `#83dfe1` | `oklch(84.71% 0.0882 197.14)` | Cold Blue | black, 13.6 to 1 |
| 25 | `#7ad2d5` | `oklch(80.97% 0.0848 198.51)` | Aruba Blue | black, 12 to 1 |
| 26 | `#71c4c8` | `oklch(76.84% 0.0811 200.15)` | Luna Moona | black, 10.3 to 1 |
| 27 | `#67b5ba` | `oklch(72.38% 0.0773 202.01)` | Adonis | black, 8.8 to 1 |
| 28 | `#5ca5ac` | `oklch(67.67% 0.0734 204.06)` | Nirvana Jewel | black, 7.4 to 1 |
| 29 | `#52959d` | `oklch(62.78% 0.0694 206.24)` | Sea Current | black, 6.1 to 1 |
| 30 | `#47858e` | `oklch(57.78% 0.0653 208.53)` | Sea Caller | black, 4.9 to 1 |
| 31 | `#3c757f` | `oklch(52.73% 0.0613 210.88)` | Flip | white, 5.2 to 1 |
| 32 | `#326570` | `oklch(47.72% 0.0573 213.24)` | Pedigree | white, 6.4 to 1 |
| 33 | `#295762` | `oklch(42.79% 0.0535 215.58)` | Petro Blue | white, 8 to 1 |
| 34 | `#1f4954` | `oklch(38.04% 0.0498 217.85)` | Mallard | white, 9.8 to 1 |
| 35 | `#173c47` | `oklch(33.52% 0.0462 220.02)` | Sunken Harbour | white, 11.8 to 1 |
| 36 | `#0f313b` | `oklch(29.31% 0.0429 222.04)` | Elite Teal | white, 13.8 to 1 |
| 37 | `#082731` | `oklch(25.47% 0.0399 223.87)` | Daintree | white, 15.6 to 1 |
| 38 | `#041e28` | `oklch(22.09% 0.0373 225.47)` | Oxford by Night | white, 17.1 to 1 |
| 39 | `#011720` | `oklch(19.21% 0.0350 226.79)` | Creeping Death | white, 18.3 to 1 |
| 40 | `#00121a` | `oklch(16.93% 0.0330 227.90)` | Kuretake Black Manga | white, 19 to 1 |

## CSS

```css
background: linear-gradient(225deg, #54b9e8 0.0%, #55bbea 2.6%, #57bfec 5.1%, #5ac3ee 7.7%, #5dc9f1 10.3%, #60cff4 12.8%, #64d5f8 15.4%, #69dcfb 17.9%, #6ee2ff 20.5%, #7de8ff 23.1%, #8dedff 25.6%, #9bf1ff 28.2%, #a8f5ff 30.8%, #b3f8ff 33.3%, #bdfbff 35.9%, #c3fcff 38.5%, #c5feff 41.0%, #c1ffff 43.6%, #b8ffff 46.2%, #a6fffe 48.7%, #95fcfb 51.3%, #90f4f4 53.8%, #8aebeb 56.4%, #83dfe1 59.0%, #7ad2d5 61.5%, #71c4c8 64.1%, #67b5ba 66.7%, #5ca5ac 69.2%, #52959d 71.8%, #47858e 74.4%, #3c757f 76.9%, #326570 79.5%, #295762 82.1%, #1f4954 84.6%, #173c47 87.2%, #0f313b 89.7%, #082731 92.3%, #041e28 94.9%, #011720 97.4%, #00121a 100.0%);
background: linear-gradient(225deg in oklch, oklch(74.41% 0.1157 232.03) 0.0%, oklch(75.07% 0.1153 230.90) 2.6%, oklch(76.04% 0.1149 229.44) 5.1%, oklch(77.28% 0.1144 227.68) 7.7%, oklch(78.72% 0.1140 225.67) 10.3%, oklch(80.34% 0.1136 223.46) 12.8%, oklch(82.07% 0.1131 221.09) 15.4%, oklch(83.88% 0.1126 218.60) 17.9%, oklch(85.72% 0.1120 216.03) 20.5%, oklch(87.53% 0.1035 213.43) 23.1%, oklch(89.28% 0.0944 210.84) 25.6%, oklch(90.92% 0.0854 208.30) 28.2%, oklch(92.40% 0.0768 205.86) 30.8%, oklch(93.67% 0.0689 203.56) 33.3%, oklch(94.69% 0.0624 201.45) 35.9%, oklch(95.41% 0.0582 199.56) 38.5%, oklch(95.79% 0.0575 197.94) 41.0%, oklch(95.77% 0.0616 196.64) 43.6%, oklch(95.31% 0.0704 195.72) 46.2%, oklch(94.37% 0.0857 195.17) 48.7%, oklch(92.88% 0.0967 195.05) 51.3%, oklch(90.73% 0.0942 195.37) 53.8%, oklch(87.99% 0.0914 196.08) 56.4%, oklch(84.71% 0.0882 197.14) 59.0%, oklch(80.97% 0.0848 198.51) 61.5%, oklch(76.84% 0.0811 200.15) 64.1%, oklch(72.38% 0.0773 202.01) 66.7%, oklch(67.67% 0.0734 204.06) 69.2%, oklch(62.78% 0.0694 206.24) 71.8%, oklch(57.78% 0.0653 208.53) 74.4%, oklch(52.73% 0.0613 210.88) 76.9%, oklch(47.72% 0.0573 213.24) 79.5%, oklch(42.79% 0.0535 215.58) 82.1%, oklch(38.04% 0.0498 217.85) 84.6%, oklch(33.52% 0.0462 220.02) 87.2%, oklch(29.31% 0.0429 222.04) 89.7%, oklch(25.47% 0.0399 223.87) 92.3%, oklch(22.09% 0.0373 225.47) 94.9%, oklch(19.21% 0.0350 226.79) 97.4%, oklch(16.93% 0.0330 227.90) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.744 | 0.116 | 232 |
| 2 | 0.937 | 0.098 | 195 |
| 3 | 0.169 | 0.033 | 227.8 |

## In these collections

- [Ocean gradients](https://grabient.com/ocean-gradients)

## Other forms

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