# Orange sky blue gradient

The Orange sky blue gradient brings together dark orange, orange, gold, and blue. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits travel posters and environmental mood boards. Its darkest tone is dark orange, and its lightest tone is gold.

- Also called: Brown, orange, yellow and light blue linear gradient
- Seed: `kUNCErQDS-Gi9RNhKNDA`
- Page: https://grabient.com/kUNCErQDS-Gi9RNhKNDA?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.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 | `#261101` | `oklch(20.47% 0.0455 60.47)` | Super Black | white, 18 to 1 |
| 2 | `#2c1400` | `oklch(22.18% 0.0515 59.32)` | Shadow Play | white, 17.3 to 1 |
| 3 | `#341700` | `oklch(24.36% 0.0589 57.12)` | American Bronze | white, 16.4 to 1 |
| 4 | `#3e1b00` | `oklch(26.92% 0.0666 55.01)` | 90% Cocoa | white, 15.3 to 1 |
| 5 | `#4a2000` | `oklch(29.79% 0.0760 52.64)` | Chrysophobia | white, 14 to 1 |
| 6 | `#572500` | `oklch(32.91% 0.0867 50.20)` | Conker Brown | white, 12.6 to 1 |
| 7 | `#652900` | `oklch(36.18% 0.0987 47.91)` | Roastery | white, 11.1 to 1 |
| 8 | `#742e00` | `oklch(39.54% 0.1112 45.97)` | Chestnut | white, 9.8 to 1 |
| 9 | `#843300` | `oklch(42.92% 0.1236 44.57)` | Coffee Addiction | white, 8.5 to 1 |
| 10 | `#933800` | `oklch(46.22% 0.1346 43.93)` | Citrine Brown | white, 7.4 to 1 |
| 11 | `#a03f01` | `oklch(49.38% 0.1426 44.27)` | Powdered Coffee | white, 6.5 to 1 |
| 12 | `#ac4701` | `oklch(52.47% 0.1485 45.47)` | Pepperoni | white, 5.7 to 1 |
| 13 | `#b95003` | `oklch(55.84% 0.1536 46.92)` | Bloodhound | white, 4.9 to 1 |
| 14 | `#c65b06` | `oklch(59.42% 0.1581 48.69)` | Kvass | black, 4.8 to 1 |
| 15 | `#d3660a` | `oklch(63.10% 0.1618 50.91)` | Cinnamon | black, 5.6 to 1 |
| 16 | `#e0720d` | `oklch(66.78% 0.1649 53.68)` | Gold Orange | black, 6.5 to 1 |
| 17 | `#eb7f0d` | `oklch(70.34% 0.1672 57.14)` | Bright Marigold | black, 7.5 to 1 |
| 18 | `#f48d09` | `oklch(73.68% 0.1688 61.40)` | Saffron Gold | black, 8.6 to 1 |
| 19 | `#fa9a02` | `oklch(76.69% 0.1696 66.58)` | Jack-O | black, 9.6 to 1 |
| 20 | `#fca700` | `oklch(79.26% 0.1690 72.80)` | California Girl | black, 10.6 to 1 |
| 21 | `#fab300` | `oklch(81.29% 0.1683 80.19)` | Yellow Summer | black, 11.5 to 1 |
| 22 | `#f2bf0b` | `oklch(82.66% 0.1675 88.97)` | Golden | black, 12.2 to 1 |
| 23 | `#e1ca29` | `oklch(83.33% 0.1643 100.31)` | Oh Em Ghee | black, 12.6 to 1 |
| 24 | `#c8d348` | `oklch(83.39% 0.1596 114.00)` | Southern Platyfish | black, 12.9 to 1 |
| 25 | `#a7da69` | `oklch(82.97% 0.1538 129.37)` | Last of Lettuce | black, 12.9 to 1 |
| 26 | `#82de89` | `oklch(82.18% 0.1472 145.77)` | VIC 20 Green | black, 12.7 to 1 |
| 27 | `#5bdda6` | `oklch(81.14% 0.1401 162.53)` | Medium Aquamarine | black, 12.3 to 1 |
| 28 | `#3bd9bf` | `oklch(79.97% 0.1330 178.98)` | Celestial Green | black, 11.8 to 1 |
| 29 | `#2fd3d2` | `oklch(78.79% 0.1263 194.47)` | Medium Turquoise | black, 11.3 to 1 |
| 30 | `#3bcbdf` | `oklch(77.72% 0.1202 208.33)` | Watercourse | black, 10.8 to 1 |
| 31 | `#4dc5e6` | `oklch(76.88% 0.1152 219.89)` | Naxos Sky | black, 10.4 to 1 |
| 32 | `#5bc0ea` | `oklch(76.38% 0.1116 228.49)` | Clean Pool | black, 10.1 to 1 |

## CSS

```css
background: linear-gradient(45deg, #261101 0.0%, #2c1400 3.2%, #341700 6.5%, #3e1b00 9.7%, #4a2000 12.9%, #572500 16.1%, #652900 19.4%, #742e00 22.6%, #843300 25.8%, #933800 29.0%, #a03f01 32.3%, #ac4701 35.5%, #b95003 38.7%, #c65b06 41.9%, #d3660a 45.2%, #e0720d 48.4%, #eb7f0d 51.6%, #f48d09 54.8%, #fa9a02 58.1%, #fca700 61.3%, #fab300 64.5%, #f2bf0b 67.7%, #e1ca29 71.0%, #c8d348 74.2%, #a7da69 77.4%, #82de89 80.6%, #5bdda6 83.9%, #3bd9bf 87.1%, #2fd3d2 90.3%, #3bcbdf 93.5%, #4dc5e6 96.8%, #5bc0ea 100.0%);
background: linear-gradient(45deg in oklch, oklch(20.47% 0.0455 60.47) 0.0%, oklch(22.18% 0.0515 59.32) 3.2%, oklch(24.36% 0.0589 57.12) 6.5%, oklch(26.92% 0.0666 55.01) 9.7%, oklch(29.79% 0.0760 52.64) 12.9%, oklch(32.91% 0.0867 50.20) 16.1%, oklch(36.18% 0.0987 47.91) 19.4%, oklch(39.54% 0.1112 45.97) 22.6%, oklch(42.92% 0.1236 44.57) 25.8%, oklch(46.22% 0.1346 43.93) 29.0%, oklch(49.38% 0.1426 44.27) 32.3%, oklch(52.47% 0.1485 45.47) 35.5%, oklch(55.84% 0.1536 46.92) 38.7%, oklch(59.42% 0.1581 48.69) 41.9%, oklch(63.10% 0.1618 50.91) 45.2%, oklch(66.78% 0.1649 53.68) 48.4%, oklch(70.34% 0.1672 57.14) 51.6%, oklch(73.68% 0.1688 61.40) 54.8%, oklch(76.69% 0.1696 66.58) 58.1%, oklch(79.26% 0.1690 72.80) 61.3%, oklch(81.29% 0.1683 80.19) 64.5%, oklch(82.66% 0.1675 88.97) 67.7%, oklch(83.33% 0.1643 100.31) 71.0%, oklch(83.39% 0.1596 114.00) 74.2%, oklch(82.97% 0.1538 129.37) 77.4%, oklch(82.18% 0.1472 145.77) 80.6%, oklch(81.14% 0.1401 162.53) 83.9%, oklch(79.97% 0.1330 178.98) 87.1%, oklch(78.79% 0.1263 194.47) 90.3%, oklch(77.72% 0.1202 208.33) 93.5%, oklch(76.88% 0.1152 219.89) 96.8%, oklch(76.38% 0.1116 228.49) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.205 | 0.045 | 60.5 |
| 2 | 0.504 | 0.145 | 44.6 |
| 3 | 0.823 | 0.168 | 85.8 |
| 4 | 0.764 | 0.112 | 228.5 |

## In these collections

- [Funhaus](https://grabient.com/funhaus)

## Other forms

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