# Lagoon Heat Blocks

The gradient follows a complete visible route from #623bc4 to #13c0c1, passing through violet, magenta, rose, red, orange-red, orange, gold, green, teal, cyan, and teal. The continuous transitions create both calm intermediate areas and stronger color turns for foreground placement.

- Also called: Rainbow from purple to blue linear gradient
- Seed: `kWepHOWkLLu8-yBHwlL3Sy4g`
- Page: https://grabient.com/kWepHOWkLLu8-yBHwlL3Sy4g?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, vivid, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.9 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 | `#623bc4` | `oklch(48.03% 0.1998 289.69)` | Dragonlord Purple | white, 7.1 to 1 |
| 2 | `#743cc2` | `oklch(49.91% 0.1984 297.87)` | Purple Rain | white, 6.6 to 1 |
| 3 | `#8b3dbe` | `oklch(52.46% 0.1966 309.02)` | Harley Hair Purple | white, 5.9 to 1 |
| 4 | `#a53fb4` | `oklch(55.50% 0.1944 322.32)` | Fuchsia Pheromone | white, 5.2 to 1 |
| 5 | `#bf43a5` | `oklch(58.84% 0.1919 336.93)` | Ultraviolet Nusp | white, 4.5 to 1 |
| 6 | `#d74a93` | `oklch(62.30% 0.1894 352.00)` | Kirby | black, 5.2 to 1 |
| 7 | `#ea547e` | `oklch(65.69% 0.1870 6.70)` | Heather Berry | black, 6 to 1 |
| 8 | `#f86169` | `oklch(68.81% 0.1847 20.20)` | Fiery Salmon | black, 6.8 to 1 |
| 9 | `#ff7058` | `oklch(71.52% 0.1793 31.66)` | Orange Pink | black, 7.7 to 1 |
| 10 | `#ff8456` | `oklch(74.41% 0.1613 40.84)` | Nectarine | black, 8.7 to 1 |
| 11 | `#ff985f` | `oklch(77.55% 0.1438 48.46)` | Rainbow Trout | black, 9.8 to 1 |
| 12 | `#ffa96b` | `oklch(80.68% 0.1279 55.30)` | Transparent Orange | black, 11.1 to 1 |
| 13 | `#ffb878` | `oklch(83.52% 0.1155 62.17)` | Durazno Maduro | black, 12.3 to 1 |
| 14 | `#ffc47e` | `oklch(85.81% 0.1100 69.83)` | Apricot Appeal | black, 13.4 to 1 |
| 15 | `#ffcc77` | `oklch(87.29% 0.1183 79.10)` | Cheesus | black, 14.1 to 1 |
| 16 | `#ffd13b` | `oklch(87.69% 0.1633 90.75)` | Lamplight | black, 14.4 to 1 |
| 17 | `#e3d932` | `oklch(86.65% 0.1724 105.91)` | Banana Brick | black, 14.2 to 1 |
| 18 | `#acdd52` | `oklch(83.65% 0.1739 126.38)` | Conifer | black, 13.2 to 1 |
| 19 | `#52da7d` | `oklch(79.20% 0.1763 150.58)` | Drunken Dragonfly | black, 11.6 to 1 |
| 20 | `#00c6a8` | `oklch(73.91% 0.1376 176.47)` | Jade Mountain | black, 9.6 to 1 |
| 21 | `#00aeb8` | `oklch(68.38% 0.1163 202.05)` | Placid Sea | black, 7.7 to 1 |
| 22 | `#0098c0` | `oklch(63.24% 0.1201 225.27)` | Atomic Blue | black, 6.2 to 1 |
| 23 | `#0084cd` | `oklch(59.11% 0.1460 244.09)` | Lvivian Rain | black, 5.1 to 1 |
| 24 | `#1973de` | `oklch(56.60% 0.1826 256.48)` | Enchanting Sapphire | white, 4.6 to 1 |
| 25 | `#316fdb` | `oklch(56.11% 0.1786 260.84)` | Enchanting Sapphire | white, 4.7 to 1 |
| 26 | `#2d75db` | `oklch(57.21% 0.1720 258.12)` | Bright Navy Blue | black, 4.6 to 1 |
| 27 | `#1081db` | `oklch(59.45% 0.1635 250.15)` | Electron Blue | black, 5.1 to 1 |
| 28 | `#0091d2` | `oklch(62.42% 0.1401 238.79)` | Rich Electric Blue | black, 5.9 to 1 |
| 29 | `#00a0cb` | `oklch(65.70% 0.1254 225.84)` | Charybdis | black, 6.8 to 1 |
| 30 | `#00aec7` | `oklch(68.88% 0.1206 213.16)` | Havasupai Falls | black, 7.8 to 1 |
| 31 | `#00b9c4` | `oklch(71.53% 0.1218 202.60)` | Lago Blue | black, 8.7 to 1 |
| 32 | `#13c0c1` | `oklch(73.23% 0.1226 195.99)` | Cala Benirrás Blue | black, 9.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #623bc4 0.0%, #743cc2 3.2%, #8b3dbe 6.5%, #a53fb4 9.7%, #bf43a5 12.9%, #d74a93 16.1%, #ea547e 19.4%, #f86169 22.6%, #ff7058 25.8%, #ff8456 29.0%, #ff985f 32.3%, #ffa96b 35.5%, #ffb878 38.7%, #ffc47e 41.9%, #ffcc77 45.2%, #ffd13b 48.4%, #e3d932 51.6%, #acdd52 54.8%, #52da7d 58.1%, #00c6a8 61.3%, #00aeb8 64.5%, #0098c0 67.7%, #0084cd 71.0%, #1973de 74.2%, #316fdb 77.4%, #2d75db 80.6%, #1081db 83.9%, #0091d2 87.1%, #00a0cb 90.3%, #00aec7 93.5%, #00b9c4 96.8%, #13c0c1 100.0%);
background: linear-gradient(135deg in oklch, oklch(48.03% 0.1998 289.69) 0.0%, oklch(49.91% 0.1984 297.87) 3.2%, oklch(52.46% 0.1966 309.02) 6.5%, oklch(55.50% 0.1944 322.32) 9.7%, oklch(58.84% 0.1919 336.93) 12.9%, oklch(62.30% 0.1894 352.00) 16.1%, oklch(65.69% 0.1870 6.70) 19.4%, oklch(68.81% 0.1847 20.20) 22.6%, oklch(71.52% 0.1793 31.66) 25.8%, oklch(74.41% 0.1613 40.84) 29.0%, oklch(77.55% 0.1438 48.46) 32.3%, oklch(80.68% 0.1279 55.30) 35.5%, oklch(83.52% 0.1155 62.17) 38.7%, oklch(85.81% 0.1100 69.83) 41.9%, oklch(87.29% 0.1183 79.10) 45.2%, oklch(87.69% 0.1633 90.75) 48.4%, oklch(86.65% 0.1724 105.91) 51.6%, oklch(83.65% 0.1739 126.38) 54.8%, oklch(79.20% 0.1763 150.58) 58.1%, oklch(73.91% 0.1376 176.47) 61.3%, oklch(68.38% 0.1163 202.05) 64.5%, oklch(63.24% 0.1201 225.27) 67.7%, oklch(59.11% 0.1460 244.09) 71.0%, oklch(56.60% 0.1826 256.48) 74.2%, oklch(56.11% 0.1786 260.84) 77.4%, oklch(57.21% 0.1720 258.12) 80.6%, oklch(59.45% 0.1635 250.15) 83.9%, oklch(62.42% 0.1401 238.79) 87.1%, oklch(65.70% 0.1254 225.84) 90.3%, oklch(68.88% 0.1206 213.16) 93.5%, oklch(71.53% 0.1218 202.60) 96.8%, oklch(73.23% 0.1226 195.99) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.48 | 0.2 | 289.7 |
| 2 | 0.709 | 0.183 | 389 |
| 3 | 0.874 | 0.172 | 457.7 |
| 4 | 0.563 | 0.182 | 618.3 |
| 5 | 0.732 | 0.123 | 556 |

## In these collections

- [Rainbow gradients](https://grabient.com/rainbow-gradients)

## Other forms

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