# Gold and blue sun bleached pool tiles

The Gold and blue sun bleached pool tiles brings together gold, pale green, light teal, and blue. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is pale green.

- Also called: Beige to blue linear gradient
- Seed: `kW3yY78g9JGibxlXJcLRiXCQ`
- Page: https://grabient.com/kW3yY78g9JGibxlXJcLRiXCQ?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light to dark, pastel, light, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 3.6 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 | `#e7d5b0` | `oklch(87.80% 0.0524 83.67)` | Russeau Gold | black, 14.5 to 1 |
| 2 | `#e5d7b2` | `oklch(88.02% 0.0511 90.02)` | Russeau Gold | black, 14.6 to 1 |
| 3 | `#e1dab5` | `oklch(88.40% 0.0492 98.67)` | Tempered Sage | black, 14.8 to 1 |
| 4 | `#dcddba` | `oklch(88.85% 0.0468 108.99)` | Endless Silk | black, 15.1 to 1 |
| 5 | `#d7e1c0` | `oklch(89.30% 0.0444 120.32)` | Security | black, 15.3 to 1 |
| 6 | `#d3e3c7` | `oklch(89.68% 0.0423 132.03)` | Lime Flip | black, 15.6 to 1 |
| 7 | `#cee5cd` | `oklch(89.92% 0.0410 143.45)` | Lime Flip | black, 15.7 to 1 |
| 8 | `#cae6d2` | `oklch(89.94% 0.0407 153.94)` | Mint Smoothie | black, 15.7 to 1 |
| 9 | `#c5e6d5` | `oklch(89.67% 0.0418 162.92)` | Mint Smoothie | black, 15.6 to 1 |
| 10 | `#bfe5d7` | `oklch(89.16% 0.0444 171.15)` | Jade Spell | black, 15.4 to 1 |
| 11 | `#b8e4da` | `oklch(88.47% 0.0482 179.05)` | Ode to Green | black, 15.1 to 1 |
| 12 | `#afe2dc` | `oklch(87.62% 0.0529 186.57)` | Silent Ripple | black, 14.7 to 1 |
| 13 | `#a7e0de` | `oklch(86.62% 0.0582 193.68)` | Blue Light | black, 14.3 to 1 |
| 14 | `#9edde0` | `oklch(85.50% 0.0636 200.33)` | Aqua Spray | black, 13.8 to 1 |
| 15 | `#95d9e2` | `oklch(84.27% 0.0689 206.49)` | Quiet Pond | black, 13.2 to 1 |
| 16 | `#8ed4e3` | `oklch(82.96% 0.0737 212.11)` | Plunging Waterfall | black, 12.7 to 1 |
| 17 | `#87d0e4` | `oklch(81.57% 0.0778 217.12)` | Bayshore | black, 12.1 to 1 |
| 18 | `#80cae3` | `oklch(80.01% 0.0820 221.34)` | Big Chill | black, 11.4 to 1 |
| 19 | `#78c4e2` | `oklch(78.29% 0.0862 224.89)` | Undercool | black, 10.8 to 1 |
| 20 | `#71bee0` | `oklch(76.47% 0.0902 227.93)` | Bff Blue | black, 10.1 to 1 |
| 21 | `#6ab8dd` | `oklch(74.58% 0.0941 230.63)` | Life Force | black, 9.4 to 1 |
| 22 | `#63b1da` | `oklch(72.66% 0.0976 233.15)` | Milky Waves | black, 8.8 to 1 |
| 23 | `#5dabd7` | `oklch(70.77% 0.1005 235.66)` | Hoeth Blue | black, 8.2 to 1 |
| 24 | `#58a4d4` | `oklch(68.95% 0.1029 238.31)` | Blue Astro | black, 7.6 to 1 |
| 25 | `#559dd0` | `oklch(67.14% 0.1044 241.21)` | Blue Iguana | black, 7.1 to 1 |
| 26 | `#5396cb` | `oklch(65.19% 0.1052 244.23)` | Blue Tourmaline | black, 6.6 to 1 |
| 27 | `#518fc6` | `oklch(63.18% 0.1054 247.27)` | Azure Blue | black, 6 to 1 |
| 28 | `#5088c0` | `oklch(61.19% 0.1051 250.22)` | Blueberry Popover | black, 5.6 to 1 |
| 29 | `#4f81bb` | `oklch(59.31% 0.1046 252.97)` | Fisher King | black, 5.1 to 1 |
| 30 | `#4e7bb6` | `oklch(57.61% 0.1040 255.44)` | Ashton Blue | black, 4.8 to 1 |
| 31 | `#4d76b1` | `oklch(56.19% 0.1035 257.52)` | Ramjet | white, 4.6 to 1 |
| 32 | `#4c72ae` | `oklch(55.12% 0.1033 259.09)` | Ramjet | white, 4.8 to 1 |

## CSS

```css
background: linear-gradient(180deg, #e7d5b0 0.0%, #e5d7b2 3.2%, #e1dab5 6.5%, #dcddba 9.7%, #d7e1c0 12.9%, #d3e3c7 16.1%, #cee5cd 19.4%, #cae6d2 22.6%, #c5e6d5 25.8%, #bfe5d7 29.0%, #b8e4da 32.3%, #afe2dc 35.5%, #a7e0de 38.7%, #9edde0 41.9%, #95d9e2 45.2%, #8ed4e3 48.4%, #87d0e4 51.6%, #80cae3 54.8%, #78c4e2 58.1%, #71bee0 61.3%, #6ab8dd 64.5%, #63b1da 67.7%, #5dabd7 71.0%, #58a4d4 74.2%, #559dd0 77.4%, #5396cb 80.6%, #518fc6 83.9%, #5088c0 87.1%, #4f81bb 90.3%, #4e7bb6 93.5%, #4d76b1 96.8%, #4c72ae 100.0%);
background: linear-gradient(180deg in oklch, oklch(87.80% 0.0524 83.67) 0.0%, oklch(88.02% 0.0511 90.02) 3.2%, oklch(88.40% 0.0492 98.67) 6.5%, oklch(88.85% 0.0468 108.99) 9.7%, oklch(89.30% 0.0444 120.32) 12.9%, oklch(89.68% 0.0423 132.03) 16.1%, oklch(89.92% 0.0410 143.45) 19.4%, oklch(89.94% 0.0407 153.94) 22.6%, oklch(89.67% 0.0418 162.92) 25.8%, oklch(89.16% 0.0444 171.15) 29.0%, oklch(88.47% 0.0482 179.05) 32.3%, oklch(87.62% 0.0529 186.57) 35.5%, oklch(86.62% 0.0582 193.68) 38.7%, oklch(85.50% 0.0636 200.33) 41.9%, oklch(84.27% 0.0689 206.49) 45.2%, oklch(82.96% 0.0737 212.11) 48.4%, oklch(81.57% 0.0778 217.12) 51.6%, oklch(80.01% 0.0820 221.34) 54.8%, oklch(78.29% 0.0862 224.89) 58.1%, oklch(76.47% 0.0902 227.93) 61.3%, oklch(74.58% 0.0941 230.63) 64.5%, oklch(72.66% 0.0976 233.15) 67.7%, oklch(70.77% 0.1005 235.66) 71.0%, oklch(68.95% 0.1029 238.31) 74.2%, oklch(67.14% 0.1044 241.21) 77.4%, oklch(65.19% 0.1052 244.23) 80.6%, oklch(63.18% 0.1054 247.27) 83.9%, oklch(61.19% 0.1051 250.22) 87.1%, oklch(59.31% 0.1046 252.97) 90.3%, oklch(57.61% 0.1040 255.44) 93.5%, oklch(56.19% 0.1035 257.52) 96.8%, oklch(55.12% 0.1033 259.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.878 | 0.052 | 83.7 |
| 2 | 0.898 | 0.041 | 160.8 |
| 3 | 0.823 | 0.076 | 214.7 |
| 4 | 0.685 | 0.103 | 239 |
| 5 | 0.551 | 0.103 | 259.1 |

## In these collections

- [Sun bleached pool tiles](https://grabient.com/sun-bleached-pool-tiles)

## Other forms

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