# Solar irradiance color scale

The Solar irradiance color scale brings together off-white, purple, red, orange, and gold. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits information graphics and map mood boards. Its darkest tone is purple, and its lightest tone is off-white.

- Also called: White, purple, orange and yellow linear gradient
- Seed: `kW8Q1CQLyv8a9x_SuEK7DPF4`
- Page: https://grabient.com/kW8Q1CQLyv8a9x_SuEK7DPF4?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark center, vivid, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 6.1 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 | `#f2eee1` | `oklch(94.88% 0.0179 92.81)` | Whipped White | black, 18 to 1 |
| 2 | `#ece0cb` | `oklch(91.00% 0.0309 80.51)` | Silicone Seduction | black, 16 to 1 |
| 3 | `#e7c9af` | `oklch(85.43% 0.0494 62.50)` | Grey Sand | black, 13.3 to 1 |
| 4 | `#e3ab97` | `oklch(78.78% 0.0714 40.97)` | California Coral | black, 10.5 to 1 |
| 5 | `#d98b8d` | `oklch(71.64% 0.0951 18.10)` | Copperfield | black, 8 to 1 |
| 6 | `#c66e90` | `oklch(64.62% 0.1187 356.06)` | Silk Ribbon | black, 6 to 1 |
| 7 | `#ae5799` | `oklch(58.31% 0.1401 337.03)` | Magenta Memoir | black, 4.6 to 1 |
| 8 | `#9647a0` | `oklch(53.31% 0.1575 323.20)` | Medium Purple | white, 5.6 to 1 |
| 9 | `#893ca2` | `oklch(50.20% 0.1690 316.69)` | Pleasant Purple | white, 6.5 to 1 |
| 10 | `#86349f` | `oklch(48.73% 0.1757 317.43)` | Pleasant Purple | white, 6.9 to 1 |
| 11 | `#8c2e97` | `oklch(48.45% 0.1787 323.68)` | Leviathan Purple | white, 7 to 1 |
| 12 | `#982a8a` | `oklch(49.08% 0.1791 333.83)` | Warm Purple | white, 6.9 to 1 |
| 13 | `#a62979` | `oklch(50.33% 0.1776 346.30)` | Festival Fuchsia | white, 6.5 to 1 |
| 14 | `#b22c65` | `oklch(51.92% 0.1751 359.50)` | Rich Maroon | white, 6 to 1 |
| 15 | `#bb3353` | `oklch(53.56% 0.1723 11.82)` | Raspberry Wine | white, 5.6 to 1 |
| 16 | `#c13b42` | `oklch(54.98% 0.1701 21.67)` | Poppy | white, 5.3 to 1 |
| 17 | `#c44137` | `oklch(55.97% 0.1690 27.88)` | Reddish | white, 5 to 1 |
| 18 | `#c64630` | `oklch(56.88% 0.1676 32.06)` | Mexican Red Papaya | white, 4.8 to 1 |
| 19 | `#c84b2c` | `oklch(57.84% 0.1658 35.00)` | Fox | white, 4.6 to 1 |
| 20 | `#cb502b` | `oklch(58.86% 0.1637 37.16)` | Orange Keeper | black, 4.7 to 1 |
| 21 | `#cd562c` | `oklch(60.01% 0.1614 39.00)` | Bronze Satin | black, 4.9 to 1 |
| 22 | `#d05c2d` | `oklch(61.30% 0.1591 41.00)` | Chilean Fire | black, 5.2 to 1 |
| 23 | `#d3632d` | `oklch(62.78% 0.1568 43.60)` | Tangerine Bliss | black, 5.5 to 1 |
| 24 | `#d76b2c` | `oklch(64.49% 0.1548 47.29)` | Gold Drop | black, 6 to 1 |
| 25 | `#db7528` | `oklch(66.57% 0.1530 52.47)` | Orange Ochre | black, 6.5 to 1 |
| 26 | `#df8125` | `oklch(69.17% 0.1511 59.02)` | Sports Fan | black, 7.3 to 1 |
| 27 | `#e28f24` | `oklch(72.12% 0.1492 66.46)` | Sumac Dyed | black, 8.2 to 1 |
| 28 | `#e59f29` | `oklch(75.20% 0.1474 74.27)` | Shì Zǐ Chéng Persimmon | black, 9.2 to 1 |
| 29 | `#e6ae33` | `oklch(78.24% 0.1457 81.94)` | Quercitron | black, 10.4 to 1 |
| 30 | `#e6bb40` | `oklch(81.02% 0.1442 88.99)` | Capital Yellow | black, 11.5 to 1 |
| 31 | `#e6c74c` | `oklch(83.35% 0.1429 94.89)` | Fall Meadow | black, 12.6 to 1 |
| 32 | `#e5cf55` | `oklch(85.04% 0.1419 99.15)` | Gamboge Yellow | black, 13.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f2eee1 0.0%, #ece0cb 3.2%, #e7c9af 6.5%, #e3ab97 9.7%, #d98b8d 12.9%, #c66e90 16.1%, #ae5799 19.4%, #9647a0 22.6%, #893ca2 25.8%, #86349f 29.0%, #8c2e97 32.3%, #982a8a 35.5%, #a62979 38.7%, #b22c65 41.9%, #bb3353 45.2%, #c13b42 48.4%, #c44137 51.6%, #c64630 54.8%, #c84b2c 58.1%, #cb502b 61.3%, #cd562c 64.5%, #d05c2d 67.7%, #d3632d 71.0%, #d76b2c 74.2%, #db7528 77.4%, #df8125 80.6%, #e28f24 83.9%, #e59f29 87.1%, #e6ae33 90.3%, #e6bb40 93.5%, #e6c74c 96.8%, #e5cf55 100.0%);
background: linear-gradient(135deg in oklch, oklch(94.88% 0.0179 92.81) 0.0%, oklch(91.00% 0.0309 80.51) 3.2%, oklch(85.43% 0.0494 62.50) 6.5%, oklch(78.78% 0.0714 40.97) 9.7%, oklch(71.64% 0.0951 18.10) 12.9%, oklch(64.62% 0.1187 356.06) 16.1%, oklch(58.31% 0.1401 337.03) 19.4%, oklch(53.31% 0.1575 323.20) 22.6%, oklch(50.20% 0.1690 316.69) 25.8%, oklch(48.73% 0.1757 317.43) 29.0%, oklch(48.45% 0.1787 323.68) 32.3%, oklch(49.08% 0.1791 333.83) 35.5%, oklch(50.33% 0.1776 346.30) 38.7%, oklch(51.92% 0.1751 359.50) 41.9%, oklch(53.56% 0.1723 11.82) 45.2%, oklch(54.98% 0.1701 21.67) 48.4%, oklch(55.97% 0.1690 27.88) 51.6%, oklch(56.88% 0.1676 32.06) 54.8%, oklch(57.84% 0.1658 35.00) 58.1%, oklch(58.86% 0.1637 37.16) 61.3%, oklch(60.01% 0.1614 39.00) 64.5%, oklch(61.30% 0.1591 41.00) 67.7%, oklch(62.78% 0.1568 43.60) 71.0%, oklch(64.49% 0.1548 47.29) 74.2%, oklch(66.57% 0.1530 52.47) 77.4%, oklch(69.17% 0.1511 59.02) 80.6%, oklch(72.12% 0.1492 66.46) 83.9%, oklch(75.20% 0.1474 74.27) 87.1%, oklch(78.24% 0.1457 81.94) 90.3%, oklch(81.02% 0.1442 88.99) 93.5%, oklch(83.35% 0.1429 94.89) 96.8%, oklch(85.04% 0.1419 99.15) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.949 | 0.018 | 92.8 |
| 2 | 0.508 | 0.167 | -42.5 |
| 3 | 0.555 | 0.169 | 25.2 |
| 4 | 0.65 | 0.154 | 48.4 |
| 5 | 0.85 | 0.142 | 99.2 |

## In these collections

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

## Other forms

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