# Low to high solar energy

The Low to high solar energy brings together dark blue, purple, magenta, red, gold, and pale yellow. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits information graphics and map mood boards. Its darkest tone is dark blue, and its lightest tone is pale yellow.

- Also called: Navy, purple, pink and beige linear gradient
- Seed: `kYS1fHOK7BcSwxJQN8S7DXI_mkwU`
- Page: https://grabient.com/kYS1fHOK7BcSwxJQN8S7DXI_mkwU?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 12.7 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 | `#251f66` | `oklch(29.53% 0.1199 279.84)` | Intergalactic Cowboy | white, 14.3 to 1 |
| 2 | `#29236b` | `oklch(31.15% 0.1208 280.88)` | After Work Blue | white, 13.6 to 1 |
| 3 | `#302872` | `oklch(33.44% 0.1220 282.06)` | Blue Rose | white, 12.5 to 1 |
| 4 | `#382f7b` | `oklch(36.14% 0.1235 283.57)` | Ballpoint Indigo | white, 11.2 to 1 |
| 5 | `#413684` | `oklch(38.98% 0.1251 285.56)` | Majestic Eggplant | white, 10 to 1 |
| 6 | `#4b3d8c` | `oklch(41.71% 0.1266 288.22)` | Blue Gem | white, 8.9 to 1 |
| 7 | `#564292` | `oklch(44.08% 0.1279 291.71)` | Daisy Bush | white, 8.1 to 1 |
| 8 | `#604596` | `oklch(45.98% 0.1289 296.27)` | Sweet Flag | white, 7.5 to 1 |
| 9 | `#6b4798` | `oklch(47.65% 0.1295 301.91)` | Sweet Flag | white, 7 to 1 |
| 10 | `#764998` | `oklch(49.15% 0.1301 308.33)` | Parfait d’Amour | white, 6.6 to 1 |
| 11 | `#814a97` | `oklch(50.56% 0.1307 315.20)` | Murasaki Purple | white, 6.2 to 1 |
| 12 | `#8b4b95` | `oklch(51.94% 0.1315 322.20)` | Murasaki Purple | white, 5.9 to 1 |
| 13 | `#964d92` | `oklch(53.35% 0.1329 329.02)` | Hyacinth Violet | white, 5.5 to 1 |
| 14 | `#9f4e8f` | `oklch(54.77% 0.1351 335.32)` | Hyacinth Violet | white, 5.2 to 1 |
| 15 | `#a84f8c` | `oklch(55.98% 0.1383 341.02)` | Plum Dust | white, 5 to 1 |
| 16 | `#b15088` | `oklch(57.10% 0.1420 346.56)` | Pink Pizzazz | white, 4.8 to 1 |
| 17 | `#ba5184` | `oklch(58.30% 0.1459 352.35)` | Nail Polish Pink | black, 4.5 to 1 |
| 18 | `#c3537e` | `oklch(59.74% 0.1494 358.84)` | Fat Smooch | black, 4.8 to 1 |
| 19 | `#ce5776` | `oklch(61.60% 0.1520 6.47)` | Strawberry Moon | black, 5.2 to 1 |
| 20 | `#d95f6c` | `oklch(64.07% 0.1534 15.80)` | Berrylicious | black, 5.8 to 1 |
| 21 | `#e56b5f` | `oklch(67.32% 0.1542 27.80)` | Emberglow | black, 6.6 to 1 |
| 22 | `#f07d4f` | `oklch(71.11% 0.1545 41.58)` | Sassy Salmon | black, 7.7 to 1 |
| 23 | `#f79140` | `oklch(75.13% 0.1541 55.87)` | Fall River | black, 9 to 1 |
| 24 | `#f9a738` | `oklch(79.08% 0.1528 69.42)` | Carona | black, 10.5 to 1 |
| 25 | `#f8bb3f` | `oklch(82.66% 0.1504 80.94)` | Samoan Sun | black, 12.1 to 1 |
| 26 | `#f6ca4e` | `oklch(85.56% 0.1465 89.22)` | Go Bananas | black, 13.4 to 1 |
| 27 | `#f5d660` | `oklch(87.98% 0.1403 94.35)` | Salmon Eggs | black, 14.6 to 1 |
| 28 | `#f7df72` | `oklch(90.09% 0.1320 97.22)` | Centeōtl Yellow | black, 15.7 to 1 |
| 29 | `#f9e682` | `oklch(91.90% 0.1227 98.51)` | Light Shōshin Yellow | black, 16.6 to 1 |
| 30 | `#fceb90` | `oklch(93.43% 0.1137 98.87)` | Chickery Chick | black, 17.4 to 1 |
| 31 | `#ffef9b` | `oklch(94.68% 0.1059 98.98)` | Daisy Chain | black, 18 to 1 |
| 32 | `#fff3ac` | `oklch(95.67% 0.0903 99.50)` | Paper Tiger | black, 18.6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #251f66 0.0%, #29236b 3.2%, #302872 6.5%, #382f7b 9.7%, #413684 12.9%, #4b3d8c 16.1%, #564292 19.4%, #604596 22.6%, #6b4798 25.8%, #764998 29.0%, #814a97 32.3%, #8b4b95 35.5%, #964d92 38.7%, #9f4e8f 41.9%, #a84f8c 45.2%, #b15088 48.4%, #ba5184 51.6%, #c3537e 54.8%, #ce5776 58.1%, #d95f6c 61.3%, #e56b5f 64.5%, #f07d4f 67.7%, #f79140 71.0%, #f9a738 74.2%, #f8bb3f 77.4%, #f6ca4e 80.6%, #f5d660 83.9%, #f7df72 87.1%, #f9e682 90.3%, #fceb90 93.5%, #ffef9b 96.8%, #fff3ac 100.0%);
background: linear-gradient(45deg in oklch, oklch(29.53% 0.1199 279.84) 0.0%, oklch(31.15% 0.1208 280.88) 3.2%, oklch(33.44% 0.1220 282.06) 6.5%, oklch(36.14% 0.1235 283.57) 9.7%, oklch(38.98% 0.1251 285.56) 12.9%, oklch(41.71% 0.1266 288.22) 16.1%, oklch(44.08% 0.1279 291.71) 19.4%, oklch(45.98% 0.1289 296.27) 22.6%, oklch(47.65% 0.1295 301.91) 25.8%, oklch(49.15% 0.1301 308.33) 29.0%, oklch(50.56% 0.1307 315.20) 32.3%, oklch(51.94% 0.1315 322.20) 35.5%, oklch(53.35% 0.1329 329.02) 38.7%, oklch(54.77% 0.1351 335.32) 41.9%, oklch(55.98% 0.1383 341.02) 45.2%, oklch(57.10% 0.1420 346.56) 48.4%, oklch(58.30% 0.1459 352.35) 51.6%, oklch(59.74% 0.1494 358.84) 54.8%, oklch(61.60% 0.1520 6.47) 58.1%, oklch(64.07% 0.1534 15.80) 61.3%, oklch(67.32% 0.1542 27.80) 64.5%, oklch(71.11% 0.1545 41.58) 67.7%, oklch(75.13% 0.1541 55.87) 71.0%, oklch(79.08% 0.1528 69.42) 74.2%, oklch(82.66% 0.1504 80.94) 77.4%, oklch(85.56% 0.1465 89.22) 80.6%, oklch(87.98% 0.1403 94.35) 83.9%, oklch(90.09% 0.1320 97.22) 87.1%, oklch(91.90% 0.1227 98.51) 90.3%, oklch(93.43% 0.1137 98.87) 93.5%, oklch(94.68% 0.1059 98.98) 96.8%, oklch(95.67% 0.0903 99.50) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.295 | 0.12 | 279.8 |
| 2 | 0.445 | 0.128 | 292.5 |
| 3 | 0.539 | 0.134 | 331.6 |
| 4 | 0.63 | 0.153 | 371.8 |
| 5 | 0.85 | 0.147 | 447.9 |
| 6 | 0.957 | 0.101 | 459.5 |

## In these collections

- [Weather map gradients](https://grabient.com/weather-map-gradients)

## Other forms

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