# Gray, blue, purple and peach linear gradient

Gray, blue, purple and peach linear gradient with 48 colors: #c2c9d6, #bfc7d5, #bbc5d5, #b7c2d4, #b1bfd3, #abbcd2, #a5b8d1, #9db4d0, #96b0ce, #8dadcd, #85a9cb, #7ba5c9, #72a1c7, #699dc4, #5f9ac2, #5596c0, #4c93bf, #4290bd, #398dbc, #318abb, #2a87bb, #2685bc, #2582bd, #2880bf, #307ec1, #3a7dc4, #457bc7, #5279ca, #6078cc, #6e76ce, #7c75ce, #8a74cd, #9873ca, #a673c6, #b373c0, #bf74b9, #ca76b1, #d478a8, #dd7c9f, #e48096, #e9848d, #ee8a84, #f08f7d, #f29577, #f39a71, #f39f6d, #f2a46a, #f1a768. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kS1A67Sa49-QrVI`
- Page: https://grabient.com/kS1A67Sa49-QrVI?steps=48&angle=45
- Drawn as: linear gradient, 48 steps, 45 degrees
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.5 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 | `#c2c9d6` | `oklch(83.46% 0.0193 262.97)` | Icy Brook | black, 12.6 to 1 |
| 2 | `#bfc7d5` | `oklch(82.83% 0.0219 262.41)` | Northern Exposure | black, 12.3 to 1 |
| 3 | `#bbc5d5` | `oklch(82.04% 0.0250 261.50)` | Angelic Blue | black, 12 to 1 |
| 4 | `#b7c2d4` | `oklch(81.11% 0.0286 260.27)` | Virginia Blue | black, 11.6 to 1 |
| 5 | `#b1bfd3` | `oklch(80.05% 0.0327 258.78)` | Movie Magic | black, 11.2 to 1 |
| 6 | `#abbcd2` | `oklch(78.88% 0.0371 257.08)` | Sailor Boy | black, 10.8 to 1 |
| 7 | `#a5b8d1` | `oklch(77.61% 0.0419 255.21)` | Cashmere Blue | black, 10.3 to 1 |
| 8 | `#9db4d0` | `oklch(76.27% 0.0470 253.22)` | Stellar Blue | black, 9.9 to 1 |
| 9 | `#96b0ce` | `oklch(74.87% 0.0523 251.15)` | Chambray Blue | black, 9.4 to 1 |
| 10 | `#8dadcd` | `oklch(73.43% 0.0579 249.07)` | Ocean Bubble | black, 8.9 to 1 |
| 11 | `#85a9cb` | `oklch(71.96% 0.0635 247.01)` | High Tide | black, 8.5 to 1 |
| 12 | `#7ba5c9` | `oklch(70.47% 0.0692 245.03)` | Seaborne | black, 8 to 1 |
| 13 | `#72a1c7` | `oklch(69.00% 0.0750 243.17)` | Air Superiority Blue | black, 7.6 to 1 |
| 14 | `#699dc4` | `oklch(67.55% 0.0807 241.47)` | Cerulean Frost | black, 7.2 to 1 |
| 15 | `#5f9ac2` | `oklch(66.13% 0.0864 240.00)` | Blueberry Soft Blue | black, 6.8 to 1 |
| 16 | `#5596c0` | `oklch(64.78% 0.0919 238.79)` | Blue Paradise | black, 6.5 to 1 |
| 17 | `#4c93bf` | `oklch(63.49% 0.0973 237.89)` | Blue Paradise | black, 6.2 to 1 |
| 18 | `#4290bd` | `oklch(62.30% 0.1024 237.36)` | Quiet Night | black, 5.9 to 1 |
| 19 | `#398dbc` | `oklch(61.21% 0.1073 237.24)` | Quiet Night | black, 5.6 to 1 |
| 20 | `#318abb` | `oklch(60.25% 0.1118 237.58)` | Pat-A-Pep | black, 5.4 to 1 |
| 21 | `#2a87bb` | `oklch(59.42% 0.1160 238.42)` | Pat-A-Pep | black, 5.2 to 1 |
| 22 | `#2685bc` | `oklch(58.75% 0.1197 239.82)` | Ibiza Blue | black, 5.1 to 1 |
| 23 | `#2582bd` | `oklch(58.26% 0.1229 241.82)` | Mediterranean Blue | black, 5 to 1 |
| 24 | `#2880bf` | `oklch(57.95% 0.1256 244.48)` | Amalfi Coast | black, 4.9 to 1 |
| 25 | `#307ec1` | `oklch(57.85% 0.1278 247.86)` | Amalfi Coast | black, 4.9 to 1 |
| 26 | `#3a7dc4` | `oklch(57.95% 0.1295 252.17)` | Tufts Blue | black, 4.8 to 1 |
| 27 | `#457bc7` | `oklch(58.23% 0.1308 257.37)` | Celestial Plum | black, 4.9 to 1 |
| 28 | `#5279ca` | `oklch(58.67% 0.1317 263.36)` | Serenity’s Reign | black, 4.9 to 1 |
| 29 | `#6078cc` | `oklch(59.27% 0.1323 270.06)` | Indigo Light | black, 5 to 1 |
| 30 | `#6e76ce` | `oklch(60.01% 0.1326 277.40)` | Kickstart Purple | black, 5.1 to 1 |
| 31 | `#7c75ce` | `oklch(60.86% 0.1326 285.27)` | Kickstart Purple | black, 5.2 to 1 |
| 32 | `#8a74cd` | `oklch(61.82% 0.1324 293.61)` | True V | black, 5.4 to 1 |
| 33 | `#9873ca` | `oklch(62.87% 0.1320 302.32)` | Lilac Bush | black, 5.6 to 1 |
| 34 | `#a673c6` | `oklch(63.99% 0.1313 311.31)` | Soft Purple | black, 5.8 to 1 |
| 35 | `#b373c0` | `oklch(65.17% 0.1305 320.52)` | Lavendless | black, 6.1 to 1 |
| 36 | `#bf74b9` | `oklch(66.40% 0.1296 329.85)` | Gulābī Pink | black, 6.4 to 1 |
| 37 | `#ca76b1` | `oklch(67.65% 0.1286 339.21)` | Sky Magenta | black, 6.7 to 1 |
| 38 | `#d478a8` | `oklch(68.91% 0.1275 348.52)` | Wild Orchid | black, 7 to 1 |
| 39 | `#dd7c9f` | `oklch(70.17% 0.1263 357.70)` | Pinking. Fast and Slow | black, 7.4 to 1 |
| 40 | `#e48096` | `oklch(71.41% 0.1251 6.67)` | Carissima | black, 7.8 to 1 |
| 41 | `#e9848d` | `oklch(72.61% 0.1240 15.33)` | Dimple | black, 8.1 to 1 |
| 42 | `#ee8a84` | `oklch(73.76% 0.1228 23.61)` | Cheery | black, 8.5 to 1 |
| 43 | `#f08f7d` | `oklch(74.85% 0.1218 31.41)` | Animated Coral | black, 8.9 to 1 |
| 44 | `#f29577` | `oklch(75.85% 0.1208 38.66)` | Indian Dance | black, 9.3 to 1 |
| 45 | `#f39a71` | `oklch(76.76% 0.1200 45.28)` | Orange Pecan | black, 9.6 to 1 |
| 46 | `#f39f6d` | `oklch(77.55% 0.1193 51.16)` | Monarch Orange | black, 9.9 to 1 |
| 47 | `#f2a46a` | `oklch(78.22% 0.1188 56.24)` | Adventure Orange | black, 10.2 to 1 |
| 48 | `#f1a768` | `oklch(78.74% 0.1185 60.42)` | Shrimp Cocktail | black, 10.4 to 1 |

## CSS

```css
background: linear-gradient(45deg, #c2c9d6 0.0%, #bfc7d5 2.1%, #bbc5d5 4.3%, #b7c2d4 6.4%, #b1bfd3 8.5%, #abbcd2 10.6%, #a5b8d1 12.8%, #9db4d0 14.9%, #96b0ce 17.0%, #8dadcd 19.1%, #85a9cb 21.3%, #7ba5c9 23.4%, #72a1c7 25.5%, #699dc4 27.7%, #5f9ac2 29.8%, #5596c0 31.9%, #4c93bf 34.0%, #4290bd 36.2%, #398dbc 38.3%, #318abb 40.4%, #2a87bb 42.6%, #2685bc 44.7%, #2582bd 46.8%, #2880bf 48.9%, #307ec1 51.1%, #3a7dc4 53.2%, #457bc7 55.3%, #5279ca 57.4%, #6078cc 59.6%, #6e76ce 61.7%, #7c75ce 63.8%, #8a74cd 66.0%, #9873ca 68.1%, #a673c6 70.2%, #b373c0 72.3%, #bf74b9 74.5%, #ca76b1 76.6%, #d478a8 78.7%, #dd7c9f 80.9%, #e48096 83.0%, #e9848d 85.1%, #ee8a84 87.2%, #f08f7d 89.4%, #f29577 91.5%, #f39a71 93.6%, #f39f6d 95.7%, #f2a46a 97.9%, #f1a768 100.0%);
background: linear-gradient(45deg in oklch, oklch(83.46% 0.0193 262.97) 0.0%, oklch(82.83% 0.0219 262.41) 2.1%, oklch(82.04% 0.0250 261.50) 4.3%, oklch(81.11% 0.0286 260.27) 6.4%, oklch(80.05% 0.0327 258.78) 8.5%, oklch(78.88% 0.0371 257.08) 10.6%, oklch(77.61% 0.0419 255.21) 12.8%, oklch(76.27% 0.0470 253.22) 14.9%, oklch(74.87% 0.0523 251.15) 17.0%, oklch(73.43% 0.0579 249.07) 19.1%, oklch(71.96% 0.0635 247.01) 21.3%, oklch(70.47% 0.0692 245.03) 23.4%, oklch(69.00% 0.0750 243.17) 25.5%, oklch(67.55% 0.0807 241.47) 27.7%, oklch(66.13% 0.0864 240.00) 29.8%, oklch(64.78% 0.0919 238.79) 31.9%, oklch(63.49% 0.0973 237.89) 34.0%, oklch(62.30% 0.1024 237.36) 36.2%, oklch(61.21% 0.1073 237.24) 38.3%, oklch(60.25% 0.1118 237.58) 40.4%, oklch(59.42% 0.1160 238.42) 42.6%, oklch(58.75% 0.1197 239.82) 44.7%, oklch(58.26% 0.1229 241.82) 46.8%, oklch(57.95% 0.1256 244.48) 48.9%, oklch(57.85% 0.1278 247.86) 51.1%, oklch(57.95% 0.1295 252.17) 53.2%, oklch(58.23% 0.1308 257.37) 55.3%, oklch(58.67% 0.1317 263.36) 57.4%, oklch(59.27% 0.1323 270.06) 59.6%, oklch(60.01% 0.1326 277.40) 61.7%, oklch(60.86% 0.1326 285.27) 63.8%, oklch(61.82% 0.1324 293.61) 66.0%, oklch(62.87% 0.1320 302.32) 68.1%, oklch(63.99% 0.1313 311.31) 70.2%, oklch(65.17% 0.1305 320.52) 72.3%, oklch(66.40% 0.1296 329.85) 74.5%, oklch(67.65% 0.1286 339.21) 76.6%, oklch(68.91% 0.1275 348.52) 78.7%, oklch(70.17% 0.1263 357.70) 80.9%, oklch(71.41% 0.1251 6.67) 83.0%, oklch(72.61% 0.1240 15.33) 85.1%, oklch(73.76% 0.1228 23.61) 87.2%, oklch(74.85% 0.1218 31.41) 89.4%, oklch(75.85% 0.1208 38.66) 91.5%, oklch(76.76% 0.1200 45.28) 93.6%, oklch(77.55% 0.1193 51.16) 95.7%, oklch(78.22% 0.1188 56.24) 97.9%, oklch(78.74% 0.1185 60.42) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.835 | 0.019 | 263 |
| 2 | 0.579 | 0.127 | 246.1 |
| 3 | 0.787 | 0.119 | 420.4 |

## In these collections

- [Orange and blue gradients](https://grabient.com/orange-and-blue-gradients)

## Other forms

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