# Blue orange pale gold gradient

Pastel blue, pink, tan and gray linear gradient with 48 colors: #62a9fd, #6ca7fd, #75a4fc, #80a1fb, #8a9ef9, #959bf6, #9f97f1, #a894ec, #b191e5, #ba8edd, #c18bd3, #c789ca, #cd87bf, #d187b5, #d486aa, #d687a0, #d68897, #d6898f, #d68b88, #d48d82, #d2907e, #d0937a, #ce9679, #cc9878, #cb9b78, #ca9e79, #c9a17b, #c8a57e, #c8a881, #c8ac85, #c8af89, #c9b38e, #cab692, #cbba97, #cdbd9c, #cec1a0, #d0c4a5, #d2c7aa, #d4cbaf, #d6ceb3, #d8d1b8, #dad4bc, #dcd6c0, #ddd9c4, #dfdbc7, #e1ddca, #e2dfcd, #e3e1cf. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel blue, pink, tan and gray linear gradient
- Seed: `kSuGe03BvTHMIxU`
- Page: https://grabient.com/kSuGe03BvTHMIxU?steps=48&angle=45
- Drawn as: linear gradient, 48 steps, 45 degrees
- Kinds: pastel, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2 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 | `#62a9fd` | `oklch(72.44% 0.1419 253.83)` | Âbi Blue | black, 8.6 to 1 |
| 2 | `#6ca7fd` | `oklch(72.43% 0.1404 257.66)` | Fennel Flower | black, 8.5 to 1 |
| 3 | `#75a4fc` | `oklch(72.38% 0.1386 262.21)` | Fennel Flower | black, 8.4 to 1 |
| 4 | `#80a1fb` | `oklch(72.31% 0.1366 267.44)` | Fennel Flower | black, 8.4 to 1 |
| 5 | `#8a9ef9` | `oklch(72.22% 0.1344 273.27)` | Periwinkle Blue | black, 8.3 to 1 |
| 6 | `#959bf6` | `oklch(72.12% 0.1320 279.64)` | Periwinkle Blue | black, 8.2 to 1 |
| 7 | `#9f97f1` | `oklch(72.00% 0.1294 286.48)` | Cobalite | black, 8.1 to 1 |
| 8 | `#a894ec` | `oklch(71.88% 0.1267 293.74)` | Dull Lavender | black, 8.1 to 1 |
| 9 | `#b191e5` | `oklch(71.75% 0.1238 301.34)` | Dreamy Candy Forest | black, 8 to 1 |
| 10 | `#ba8edd` | `oklch(71.62% 0.1208 309.22)` | Luminous Lavender | black, 7.9 to 1 |
| 11 | `#c18bd3` | `oklch(71.50% 0.1177 317.32)` | Purception | black, 7.9 to 1 |
| 12 | `#c789ca` | `oklch(71.39% 0.1145 325.58)` | Purception | black, 7.8 to 1 |
| 13 | `#cd87bf` | `oklch(71.29% 0.1113 333.92)` | Cyclamen | black, 7.8 to 1 |
| 14 | `#d187b5` | `oklch(71.20% 0.1081 342.29)` | Cyclamen | black, 7.8 to 1 |
| 15 | `#d486aa` | `oklch(71.14% 0.1048 350.62)` | Berry Twist | black, 7.7 to 1 |
| 16 | `#d687a0` | `oklch(71.11% 0.1015 358.84)` | Primrose | black, 7.8 to 1 |
| 17 | `#d68897` | `oklch(71.10% 0.0982 6.90)` | Rambling Rose | black, 7.8 to 1 |
| 18 | `#d6898f` | `oklch(71.13% 0.0949 14.73)` | Dusty Pink | black, 7.8 to 1 |
| 19 | `#d68b88` | `oklch(71.20% 0.0917 22.26)` | Pink Slip | black, 7.8 to 1 |
| 20 | `#d48d82` | `oklch(71.31% 0.0886 29.43)` | My Pink | black, 7.9 to 1 |
| 21 | `#d2907e` | `oklch(71.46% 0.0855 36.17)` | Orange Essential | black, 8 to 1 |
| 22 | `#d0937a` | `oklch(71.67% 0.0826 42.43)` | Feldspar | black, 8.1 to 1 |
| 23 | `#ce9679` | `oklch(71.93% 0.0797 48.13)` | Tawny Amber | black, 8.2 to 1 |
| 24 | `#cc9878` | `oklch(72.26% 0.0771 53.22)` | Sweet Almond | black, 8.3 to 1 |
| 25 | `#cb9b78` | `oklch(72.65% 0.0745 57.67)` | Sweet Almond | black, 8.5 to 1 |
| 26 | `#ca9e79` | `oklch(73.12% 0.0720 61.75)` | Fresh Croissant | black, 8.6 to 1 |
| 27 | `#c9a17b` | `oklch(73.69% 0.0694 65.51)` | Kenya | black, 8.8 to 1 |
| 28 | `#c8a57e` | `oklch(74.33% 0.0668 68.98)` | Siesta Dreams | black, 9.1 to 1 |
| 29 | `#c8a881` | `oklch(75.04% 0.0641 72.16)` | Toffee Tan | black, 9.3 to 1 |
| 30 | `#c8ac85` | `oklch(75.82% 0.0615 75.08)` | Middlestone | black, 9.6 to 1 |
| 31 | `#c8af89` | `oklch(76.64% 0.0589 77.75)` | Earth Chi | black, 9.9 to 1 |
| 32 | `#c9b38e` | `oklch(77.51% 0.0562 80.19)` | Foothill Drive | black, 10.2 to 1 |
| 33 | `#cab692` | `oklch(78.41% 0.0536 82.41)` | Almond Buff | black, 10.6 to 1 |
| 34 | `#cbba97` | `oklch(79.34% 0.0511 84.43)` | Stone Guardians | black, 10.9 to 1 |
| 35 | `#cdbd9c` | `oklch(80.29% 0.0486 86.27)` | Sandwashed | black, 11.3 to 1 |
| 36 | `#cec1a0` | `oklch(81.26% 0.0461 87.94)` | Seasoned Salt | black, 11.7 to 1 |
| 37 | `#d0c4a5` | `oklch(82.22% 0.0437 89.46)` | Cyrus Grass | black, 12.1 to 1 |
| 38 | `#d2c7aa` | `oklch(83.17% 0.0413 90.85)` | Desert Cover | black, 12.5 to 1 |
| 39 | `#d4cbaf` | `oklch(84.12% 0.0390 92.12)` | Aths Special | black, 12.9 to 1 |
| 40 | `#d6ceb3` | `oklch(85.03% 0.0368 93.29)` | White Rock | black, 13.3 to 1 |
| 41 | `#d8d1b8` | `oklch(85.92% 0.0347 94.37)` | Pistachio Tang | black, 13.7 to 1 |
| 42 | `#dad4bc` | `oklch(86.77% 0.0328 95.39)` | Pearly Putty | black, 14 to 1 |
| 43 | `#dcd6c0` | `oklch(87.57% 0.0309 96.35)` | Rococo Beige | black, 14.4 to 1 |
| 44 | `#ddd9c4` | `oklch(88.31% 0.0291 97.28)` | Zero Degrees | black, 14.8 to 1 |
| 45 | `#dfdbc7` | `oklch(88.99% 0.0275 98.18)` | Cosy Cream | black, 15.1 to 1 |
| 46 | `#e1ddca` | `oklch(89.59% 0.0260 99.09)` | Vintage Linen | black, 15.4 to 1 |
| 47 | `#e2dfcd` | `oklch(90.12% 0.0246 100.00)` | Confident White | black, 15.6 to 1 |
| 48 | `#e3e1cf` | `oklch(90.55% 0.0234 100.95)` | Emerging Leaf | black, 15.8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #62a9fd 0.0%, #6ca7fd 2.1%, #75a4fc 4.3%, #80a1fb 6.4%, #8a9ef9 8.5%, #959bf6 10.6%, #9f97f1 12.8%, #a894ec 14.9%, #b191e5 17.0%, #ba8edd 19.1%, #c18bd3 21.3%, #c789ca 23.4%, #cd87bf 25.5%, #d187b5 27.7%, #d486aa 29.8%, #d687a0 31.9%, #d68897 34.0%, #d6898f 36.2%, #d68b88 38.3%, #d48d82 40.4%, #d2907e 42.6%, #d0937a 44.7%, #ce9679 46.8%, #cc9878 48.9%, #cb9b78 51.1%, #ca9e79 53.2%, #c9a17b 55.3%, #c8a57e 57.4%, #c8a881 59.6%, #c8ac85 61.7%, #c8af89 63.8%, #c9b38e 66.0%, #cab692 68.1%, #cbba97 70.2%, #cdbd9c 72.3%, #cec1a0 74.5%, #d0c4a5 76.6%, #d2c7aa 78.7%, #d4cbaf 80.9%, #d6ceb3 83.0%, #d8d1b8 85.1%, #dad4bc 87.2%, #dcd6c0 89.4%, #ddd9c4 91.5%, #dfdbc7 93.6%, #e1ddca 95.7%, #e2dfcd 97.9%, #e3e1cf 100.0%);
background: linear-gradient(45deg in oklch, oklch(72.44% 0.1419 253.83) 0.0%, oklch(72.43% 0.1404 257.66) 2.1%, oklch(72.38% 0.1386 262.21) 4.3%, oklch(72.31% 0.1366 267.44) 6.4%, oklch(72.22% 0.1344 273.27) 8.5%, oklch(72.12% 0.1320 279.64) 10.6%, oklch(72.00% 0.1294 286.48) 12.8%, oklch(71.88% 0.1267 293.74) 14.9%, oklch(71.75% 0.1238 301.34) 17.0%, oklch(71.62% 0.1208 309.22) 19.1%, oklch(71.50% 0.1177 317.32) 21.3%, oklch(71.39% 0.1145 325.58) 23.4%, oklch(71.29% 0.1113 333.92) 25.5%, oklch(71.20% 0.1081 342.29) 27.7%, oklch(71.14% 0.1048 350.62) 29.8%, oklch(71.11% 0.1015 358.84) 31.9%, oklch(71.10% 0.0982 6.90) 34.0%, oklch(71.13% 0.0949 14.73) 36.2%, oklch(71.20% 0.0917 22.26) 38.3%, oklch(71.31% 0.0886 29.43) 40.4%, oklch(71.46% 0.0855 36.17) 42.6%, oklch(71.67% 0.0826 42.43) 44.7%, oklch(71.93% 0.0797 48.13) 46.8%, oklch(72.26% 0.0771 53.22) 48.9%, oklch(72.65% 0.0745 57.67) 51.1%, oklch(73.12% 0.0720 61.75) 53.2%, oklch(73.69% 0.0694 65.51) 55.3%, oklch(74.33% 0.0668 68.98) 57.4%, oklch(75.04% 0.0641 72.16) 59.6%, oklch(75.82% 0.0615 75.08) 61.7%, oklch(76.64% 0.0589 77.75) 63.8%, oklch(77.51% 0.0562 80.19) 66.0%, oklch(78.41% 0.0536 82.41) 68.1%, oklch(79.34% 0.0511 84.43) 70.2%, oklch(80.29% 0.0486 86.27) 72.3%, oklch(81.26% 0.0461 87.94) 74.5%, oklch(82.22% 0.0437 89.46) 76.6%, oklch(83.17% 0.0413 90.85) 78.7%, oklch(84.12% 0.0390 92.12) 80.9%, oklch(85.03% 0.0368 93.29) 83.0%, oklch(85.92% 0.0347 94.37) 85.1%, oklch(86.77% 0.0328 95.39) 87.2%, oklch(87.57% 0.0309 96.35) 89.4%, oklch(88.31% 0.0291 97.28) 91.5%, oklch(88.99% 0.0275 98.18) 93.6%, oklch(89.59% 0.0260 99.09) 95.7%, oklch(90.12% 0.0246 100.00) 97.9%, oklch(90.55% 0.0234 100.95) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.724 | 0.142 | 253.8 |
| 2 | 0.724 | 0.076 | 415.5 |
| 3 | 0.906 | 0.023 | 461 |

## In these collections

- [Sunrise gradients](https://grabient.com/sunrise-gradients)

## Other forms

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