# Deep blue deep orange gradient

Gray and dark purple linear gradient with 40 colors: #708a95, #6a8290, #617688, #59677e, #525771, #4c4761, #463751, #402b42, #3c2235, #391c2d, #3a1c2b, #3e2030, #46293a, #4f3549, #5a445a, #66556d, #726781, #7d7892, #8889a2, #9196ae, #98a0b6, #9ea8bc, #a4afc1, #a9b4c5, #aeb8c7, #b1bcc9, #b4bfcb, #b6c1cb, #b7c2cb, #b6c3cb, #b5c4ca, #b2c3c6, #adc1c0, #aabeb8, #a7baae, #a7b5a3, #a8af99, #aaaa90, #aca48b, #aea187. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray and dark purple linear gradient
- Seed: `kWnRmfopNOlgMtvnBrsWo4ug`
- Page: https://grabient.com/kWnRmfopNOlgMtvnBrsWo4ug?steps=40&angle=45
- Drawn as: linear gradient, 40 steps, 45 degrees
- Kinds: neutral
- Hues: two-hue
- Contrast of its darkest and lightest colors: 8.4 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 | `#708a95` | `oklch(61.81% 0.0344 224.30)` | Jeans Indigo | black, 5.7 to 1 |
| 2 | `#6a8290` | `oklch(59.33% 0.0357 232.81)` | Blue Prince | black, 5.2 to 1 |
| 3 | `#617688` | `oklch(55.67% 0.0376 244.99)` | Space Convoy | white, 4.6 to 1 |
| 4 | `#59677e` | `oklch(51.19% 0.0398 259.77)` | Dana | white, 5.7 to 1 |
| 5 | `#525771` | `oklch(46.26% 0.0423 276.11)` | Nightshade Purple | white, 7 to 1 |
| 6 | `#4c4761` | `oklch(41.23% 0.0448 292.97)` | Violet Shadow | white, 8.8 to 1 |
| 7 | `#463751` | `oklch(36.48% 0.0473 309.30)` | Purple Plumeria | white, 10.8 to 1 |
| 8 | `#402b42` | `oklch(32.35% 0.0494 324.05)` | Aubergine Mauve | white, 12.7 to 1 |
| 9 | `#3c2235` | `oklch(29.20% 0.0511 336.18)` | Sitter Red | white, 14.3 to 1 |
| 10 | `#391c2d` | `oklch(27.41% 0.0521 344.63)` | Jasmin Beauty | white, 15.1 to 1 |
| 11 | `#3a1c2b` | `oklch(27.32% 0.0523 348.41)` | Jasmin Beauty | white, 15.2 to 1 |
| 12 | `#3e2030` | `oklch(29.04% 0.0518 347.66)` | Jasmin Beauty | white, 14.4 to 1 |
| 13 | `#46293a` | `oklch(32.27% 0.0506 343.30)` | Wine Tasting | white, 12.8 to 1 |
| 14 | `#4f3549` | `oklch(36.64% 0.0490 336.08)` | Loulou | white, 10.8 to 1 |
| 15 | `#5a445a` | `oklch(41.83% 0.0470 326.75)` | Crowd Pleaser | white, 8.7 to 1 |
| 16 | `#66556d` | `oklch(47.47% 0.0447 316.09)` | Medicine Man | white, 6.8 to 1 |
| 17 | `#726781` | `oklch(53.23% 0.0423 304.84)` | Aromatic | white, 5.3 to 1 |
| 18 | `#7d7892` | `oklch(58.76% 0.0398 293.77)` | Kinlock | black, 5 to 1 |
| 19 | `#8889a2` | `oklch(63.71% 0.0375 283.64)` | Mandrake | black, 6.1 to 1 |
| 20 | `#9196ae` | `oklch(67.73% 0.0354 275.20)` | Monarchy | black, 7.1 to 1 |
| 21 | `#98a0b6` | `oklch(70.62% 0.0335 269.06)` | Silver Star | black, 8 to 1 |
| 22 | `#9ea8bc` | `oklch(72.99% 0.0315 264.65)` | Lead Ore | black, 8.7 to 1 |
| 23 | `#a4afc1` | `oklch(75.00% 0.0292 261.39)` | Innuendo | black, 9.4 to 1 |
| 24 | `#a9b4c5` | `oklch(76.66% 0.0269 258.85)` | Suds | black, 10 to 1 |
| 25 | `#aeb8c7` | `oklch(78.01% 0.0246 256.56)` | Brother Blue | black, 10.5 to 1 |
| 26 | `#b1bcc9` | `oklch(79.08% 0.0225 254.06)` | Spirit | black, 10.9 to 1 |
| 27 | `#b4bfcb` | `oklch(79.89% 0.0206 250.91)` | Winter Wonderland | black, 11.2 to 1 |
| 28 | `#b6c1cb` | `oklch(80.48% 0.0192 246.65)` | Icebreaker | black, 11.4 to 1 |
| 29 | `#b7c2cb` | `oklch(80.86% 0.0182 240.82)` | Icebreaker | black, 11.6 to 1 |
| 30 | `#b6c3cb` | `oklch(81.07% 0.0179 232.97)` | Icebreaker | black, 11.7 to 1 |
| 31 | `#b5c4ca` | `oklch(81.03% 0.0183 222.40)` | Lighthouse Shadows | black, 11.7 to 1 |
| 32 | `#b2c3c6` | `oklch(80.51% 0.0196 208.72)` | Jungle Mist | black, 11.5 to 1 |
| 33 | `#adc1c0` | `oklch(79.62% 0.0216 192.69)` | Sea Glass | black, 11.1 to 1 |
| 34 | `#aabeb8` | `oklch(78.45% 0.0241 175.15)` | Water Surface | black, 10.7 to 1 |
| 35 | `#a7baae` | `oklch(77.10% 0.0269 156.91)` | Quiet Teal | black, 10.2 to 1 |
| 36 | `#a7b5a3` | `oklch(75.67% 0.0297 138.78)` | Bamboo Shoot | black, 9.7 to 1 |
| 37 | `#a8af99` | `oklch(74.27% 0.0325 121.58)` | Ending Spring | black, 9.2 to 1 |
| 38 | `#aaaa90` | `oklch(73.00% 0.0351 106.13)` | Quiet Thicket | black, 8.8 to 1 |
| 39 | `#aca48b` | `oklch(71.97% 0.0371 93.25)` | Northgate Green | black, 8.4 to 1 |
| 40 | `#aea187` | `oklch(71.26% 0.0386 83.75)` | Sandy Bluff | black, 8.2 to 1 |

## CSS

```css
background: linear-gradient(45deg, #708a95 0.0%, #6a8290 2.6%, #617688 5.1%, #59677e 7.7%, #525771 10.3%, #4c4761 12.8%, #463751 15.4%, #402b42 17.9%, #3c2235 20.5%, #391c2d 23.1%, #3a1c2b 25.6%, #3e2030 28.2%, #46293a 30.8%, #4f3549 33.3%, #5a445a 35.9%, #66556d 38.5%, #726781 41.0%, #7d7892 43.6%, #8889a2 46.2%, #9196ae 48.7%, #98a0b6 51.3%, #9ea8bc 53.8%, #a4afc1 56.4%, #a9b4c5 59.0%, #aeb8c7 61.5%, #b1bcc9 64.1%, #b4bfcb 66.7%, #b6c1cb 69.2%, #b7c2cb 71.8%, #b6c3cb 74.4%, #b5c4ca 76.9%, #b2c3c6 79.5%, #adc1c0 82.1%, #aabeb8 84.6%, #a7baae 87.2%, #a7b5a3 89.7%, #a8af99 92.3%, #aaaa90 94.9%, #aca48b 97.4%, #aea187 100.0%);
background: linear-gradient(45deg in oklch, oklch(61.81% 0.0344 224.30) 0.0%, oklch(59.33% 0.0357 232.81) 2.6%, oklch(55.67% 0.0376 244.99) 5.1%, oklch(51.19% 0.0398 259.77) 7.7%, oklch(46.26% 0.0423 276.11) 10.3%, oklch(41.23% 0.0448 292.97) 12.8%, oklch(36.48% 0.0473 309.30) 15.4%, oklch(32.35% 0.0494 324.05) 17.9%, oklch(29.20% 0.0511 336.18) 20.5%, oklch(27.41% 0.0521 344.63) 23.1%, oklch(27.32% 0.0523 348.41) 25.6%, oklch(29.04% 0.0518 347.66) 28.2%, oklch(32.27% 0.0506 343.30) 30.8%, oklch(36.64% 0.0490 336.08) 33.3%, oklch(41.83% 0.0470 326.75) 35.9%, oklch(47.47% 0.0447 316.09) 38.5%, oklch(53.23% 0.0423 304.84) 41.0%, oklch(58.76% 0.0398 293.77) 43.6%, oklch(63.71% 0.0375 283.64) 46.2%, oklch(67.73% 0.0354 275.20) 48.7%, oklch(70.62% 0.0335 269.06) 51.3%, oklch(72.99% 0.0315 264.65) 53.8%, oklch(75.00% 0.0292 261.39) 56.4%, oklch(76.66% 0.0269 258.85) 59.0%, oklch(78.01% 0.0246 256.56) 61.5%, oklch(79.08% 0.0225 254.06) 64.1%, oklch(79.89% 0.0206 250.91) 66.7%, oklch(80.48% 0.0192 246.65) 69.2%, oklch(80.86% 0.0182 240.82) 71.8%, oklch(81.07% 0.0179 232.97) 74.4%, oklch(81.03% 0.0183 222.40) 76.9%, oklch(80.51% 0.0196 208.72) 79.5%, oklch(79.62% 0.0216 192.69) 82.1%, oklch(78.45% 0.0241 175.15) 84.6%, oklch(77.10% 0.0269 156.91) 87.2%, oklch(75.67% 0.0297 138.78) 89.7%, oklch(74.27% 0.0325 121.58) 92.3%, oklch(73.00% 0.0351 106.13) 94.9%, oklch(71.97% 0.0371 93.25) 97.4%, oklch(71.26% 0.0386 83.75) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.618 | 0.034 | 224.3 |
| 2 | 0.272 | 0.052 | 347.9 |
| 3 | 0.693 | 0.034 | 271.9 |
| 4 | 0.811 | 0.018 | 230.6 |
| 5 | 0.713 | 0.039 | 83.7 |

## In these collections

- [Poetcore](https://grabient.com/poetcore)

## Other forms

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