# Motel Pool Light

Light fanning across motel pool water after dark. An angular sweep with a dense step count gives the hard seam where the light stops.

- Also called: Cool navy to light blue angular gradient
- Seed: `kWQyimuZ8-1QpPdpqb2_Iq-w`
- Page: https://grabient.com/kWQyimuZ8-1QpPdpqb2_Iq-w?style=angularGradient&steps=48
- Drawn as: angular gradient, 48 steps, 90 degrees
- Kinds: dark to light, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 14.5 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 | `#00293b` | `oklch(26.38% 0.0551 234.14)` | Murky Depths | white, 15.2 to 1 |
| 2 | `#002b3e` | `oklch(27.31% 0.0566 233.70)` | Murky Depths | white, 14.7 to 1 |
| 3 | `#002e42` | `oklch(28.46% 0.0585 233.18)` | Cosmos Blue | white, 14.2 to 1 |
| 4 | `#013247` | `oklch(29.82% 0.0608 232.59)` | Cosmos Blue | white, 13.5 to 1 |
| 5 | `#01364b` | `oklch(31.34% 0.0633 231.93)` | Crowberry Blue | white, 12.8 to 1 |
| 6 | `#013b51` | `oklch(32.99% 0.0660 231.20)` | Gibraltar Sea | white, 12 to 1 |
| 7 | `#014057` | `oklch(34.75% 0.0689 230.40)` | Maniac Mansion | white, 11.2 to 1 |
| 8 | `#01455d` | `oklch(36.57% 0.0719 229.54)` | Loyal Blue | white, 10.4 to 1 |
| 9 | `#014b63` | `oklch(38.44% 0.0749 228.62)` | Fresco Blue | white, 9.6 to 1 |
| 10 | `#015069` | `oklch(40.32% 0.0779 227.64)` | Hanada Blue | white, 8.9 to 1 |
| 11 | `#01566f` | `oklch(42.18% 0.0808 226.59)` | Subaqueous | white, 8.2 to 1 |
| 12 | `#015b75` | `oklch(43.98% 0.0835 225.49)` | Octagon Ocean | white, 7.5 to 1 |
| 13 | `#00617b` | `oklch(45.70% 0.0861 224.33)` | Jamaican Dream | white, 7 to 1 |
| 14 | `#006680` | `oklch(47.44% 0.0884 223.11)` | Ocean Depths | white, 6.5 to 1 |
| 15 | `#006c86` | `oklch(49.21% 0.0908 221.76)` | Arabian Nights | white, 6 to 1 |
| 16 | `#00728b` | `oklch(51.02% 0.0931 220.32)` | Waterworld | white, 5.5 to 1 |
| 17 | `#007890` | `oklch(52.85% 0.0954 218.81)` | Bayou Serenade | white, 5.1 to 1 |
| 18 | `#007e96` | `oklch(54.68% 0.0978 217.25)` | Pagoda | white, 4.7 to 1 |
| 19 | `#00849b` | `oklch(56.52% 0.1002 215.65)` | Zircon Blue | black, 4.7 to 1 |
| 20 | `#008aa0` | `oklch(58.35% 0.1026 214.01)` | Teal Blue | black, 5.1 to 1 |
| 21 | `#0091a5` | `oklch(60.16% 0.1050 212.37)` | Oasis | black, 5.5 to 1 |
| 22 | `#0097aa` | `oklch(61.93% 0.1074 210.71)` | Aquarium Diver | black, 5.9 to 1 |
| 23 | `#009daf` | `oklch(63.66% 0.1098 209.08)` | Lake Blue | black, 6.4 to 1 |
| 24 | `#00a3b3` | `oklch(65.33% 0.1121 207.46)` | Garish Blue | black, 6.8 to 1 |
| 25 | `#07a8b7` | `oklch(66.94% 0.1136 205.87)` | Bluebird | black, 7.3 to 1 |
| 26 | `#0eaebb` | `oklch(68.51% 0.1151 204.22)` | Placid Sea | black, 7.7 to 1 |
| 27 | `#14b3be` | `oklch(70.04% 0.1166 202.52)` | Marrakech Mile | black, 8.2 to 1 |
| 28 | `#1ab9c1` | `oklch(71.53% 0.1180 200.78)` | Montego Bay | black, 8.7 to 1 |
| 29 | `#1fbec4` | `oklch(73.00% 0.1194 199.03)` | Maximum Blue Green | black, 9.2 to 1 |
| 30 | `#26c3c7` | `oklch(74.44% 0.1204 197.28)` | Turquoise Surf | black, 9.7 to 1 |
| 31 | `#2dc8c9` | `oklch(75.86% 0.1211 195.55)` | Mermaid Net | black, 10.2 to 1 |
| 32 | `#35cdcb` | `oklch(77.26% 0.1214 193.87)` | Blue Martina | black, 10.7 to 1 |
| 33 | `#3dd2ce` | `oklch(78.64% 0.1210 192.25)` | Medium Turquoise | black, 11.2 to 1 |
| 34 | `#47d6d0` | `oklch(80.01% 0.1199 190.71)` | Medium Turquoise | black, 11.8 to 1 |
| 35 | `#51dad2` | `oklch(81.37% 0.1180 189.27)` | Jazzy Jade | black, 12.3 to 1 |
| 36 | `#5cdfd4` | `oklch(82.73% 0.1152 187.95)` | Hammam Blue | black, 12.9 to 1 |
| 37 | `#68e2d7` | `oklch(84.11% 0.1112 186.75)` | Near Moon | black, 13.4 to 1 |
| 38 | `#75e6d9` | `oklch(85.55% 0.1055 185.62)` | Turquoise Chalk | black, 14.1 to 1 |
| 39 | `#83eadc` | `oklch(87.02% 0.0985 184.57)` | Blue Crystal Landscape | black, 14.7 to 1 |
| 40 | `#91eddf` | `oklch(88.51% 0.0906 183.57)` | Oasis Stream | black, 15.4 to 1 |
| 41 | `#9ff0e3` | `oklch(89.99% 0.0819 182.65)` | Mint Tea | black, 16 to 1 |
| 42 | `#acf3e6` | `oklch(91.43% 0.0729 181.80)` | Pale King’s Blue | black, 16.7 to 1 |
| 43 | `#b9f6ea` | `oklch(92.82% 0.0638 181.02)` | Shallow End | black, 17.4 to 1 |
| 44 | `#c4f8ed` | `oklch(94.12% 0.0550 180.30)` | Shallow End | black, 18 to 1 |
| 45 | `#cffbf0` | `oklch(95.32% 0.0468 179.66)` | Mid Spring Morning | black, 18.6 to 1 |
| 46 | `#d8fcf3` | `oklch(96.39% 0.0395 179.08)` | Candied Snow | black, 19.1 to 1 |
| 47 | `#dffef6` | `oklch(97.30% 0.0335 178.57)` | Mint Condition | black, 19.6 to 1 |
| 48 | `#e6fff8` | `oklch(98.03% 0.0271 178.15)` | Placebo Turquoise | black, 20 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #00293b 0.0%, #002b3e 2.1%, #002e42 4.3%, #013247 6.4%, #01364b 8.5%, #013b51 10.6%, #014057 12.8%, #01455d 14.9%, #014b63 17.0%, #015069 19.1%, #01566f 21.3%, #015b75 23.4%, #00617b 25.5%, #006680 27.7%, #006c86 29.8%, #00728b 31.9%, #007890 34.0%, #007e96 36.2%, #00849b 38.3%, #008aa0 40.4%, #0091a5 42.6%, #0097aa 44.7%, #009daf 46.8%, #00a3b3 48.9%, #07a8b7 51.1%, #0eaebb 53.2%, #14b3be 55.3%, #1ab9c1 57.4%, #1fbec4 59.6%, #26c3c7 61.7%, #2dc8c9 63.8%, #35cdcb 66.0%, #3dd2ce 68.1%, #47d6d0 70.2%, #51dad2 72.3%, #5cdfd4 74.5%, #68e2d7 76.6%, #75e6d9 78.7%, #83eadc 80.9%, #91eddf 83.0%, #9ff0e3 85.1%, #acf3e6 87.2%, #b9f6ea 89.4%, #c4f8ed 91.5%, #cffbf0 93.6%, #d8fcf3 95.7%, #dffef6 97.9%, #e6fff8 100.0%);
background: conic-gradient(from 90deg in oklch, oklch(26.38% 0.0551 234.14) 0.0%, oklch(27.31% 0.0566 233.70) 2.1%, oklch(28.46% 0.0585 233.18) 4.3%, oklch(29.82% 0.0608 232.59) 6.4%, oklch(31.34% 0.0633 231.93) 8.5%, oklch(32.99% 0.0660 231.20) 10.6%, oklch(34.75% 0.0689 230.40) 12.8%, oklch(36.57% 0.0719 229.54) 14.9%, oklch(38.44% 0.0749 228.62) 17.0%, oklch(40.32% 0.0779 227.64) 19.1%, oklch(42.18% 0.0808 226.59) 21.3%, oklch(43.98% 0.0835 225.49) 23.4%, oklch(45.70% 0.0861 224.33) 25.5%, oklch(47.44% 0.0884 223.11) 27.7%, oklch(49.21% 0.0908 221.76) 29.8%, oklch(51.02% 0.0931 220.32) 31.9%, oklch(52.85% 0.0954 218.81) 34.0%, oklch(54.68% 0.0978 217.25) 36.2%, oklch(56.52% 0.1002 215.65) 38.3%, oklch(58.35% 0.1026 214.01) 40.4%, oklch(60.16% 0.1050 212.37) 42.6%, oklch(61.93% 0.1074 210.71) 44.7%, oklch(63.66% 0.1098 209.08) 46.8%, oklch(65.33% 0.1121 207.46) 48.9%, oklch(66.94% 0.1136 205.87) 51.1%, oklch(68.51% 0.1151 204.22) 53.2%, oklch(70.04% 0.1166 202.52) 55.3%, oklch(71.53% 0.1180 200.78) 57.4%, oklch(73.00% 0.1194 199.03) 59.6%, oklch(74.44% 0.1204 197.28) 61.7%, oklch(75.86% 0.1211 195.55) 63.8%, oklch(77.26% 0.1214 193.87) 66.0%, oklch(78.64% 0.1210 192.25) 68.1%, oklch(80.01% 0.1199 190.71) 70.2%, oklch(81.37% 0.1180 189.27) 72.3%, oklch(82.73% 0.1152 187.95) 74.5%, oklch(84.11% 0.1112 186.75) 76.6%, oklch(85.55% 0.1055 185.62) 78.7%, oklch(87.02% 0.0985 184.57) 80.9%, oklch(88.51% 0.0906 183.57) 83.0%, oklch(89.99% 0.0819 182.65) 85.1%, oklch(91.43% 0.0729 181.80) 87.2%, oklch(92.82% 0.0638 181.02) 89.4%, oklch(94.12% 0.0550 180.30) 91.5%, oklch(95.32% 0.0468 179.66) 93.6%, oklch(96.39% 0.0395 179.08) 95.7%, oklch(97.30% 0.0335 178.57) 97.9%, oklch(98.03% 0.0271 178.15) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.264 | 0.055 | 234.1 |
| 2 | 0.453 | 0.085 | 224.6 |
| 3 | 0.661 | 0.113 | 206.7 |
| 4 | 0.831 | 0.114 | 187.6 |
| 5 | 0.98 | 0.029 | 178.1 |

## In these collections

- [Liminal Places](https://grabient.com/liminal-places)

## Other forms

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