# Quiet royal blue field

Vivid monochrome blue linear gradient with 64 colors: #2b10e7, #2a13e6, #2a17e5, #291ae4, #291de2, #2821e1, #2824df, #2726de, #2729dc, #262cda, #262fd8, #2531d6, #2533d4, #2436d2, #2438d0, #243ace, #243ccc, #243eca, #2440c8, #2441c6, #2443c4, #2545c2, #2546c0, #2647be, #2649bd, #274abb, #274bba, #284db9, #284eb8, #294fb7, #2a50b6, #2a51b6, #2b52b5, #2b53b5, #2b53b5, #2c54b5, #2c55b6, #2d56b6, #2d57b7, #2d58b7, #2e59b8, #2e5ab9, #2e5bba, #2e5cbb, #2e5ebd, #2e5fbe, #2e60bf, #2f61c1, #2f62c2, #2f63c3, #2f64c5, #2e65c6, #2e65c7, #2e66c9, #2e67ca, #2e68cb, #2e69cd, #2e6ace, #2e6acf, #2e6bd0, #2e6cd1, #2d6cd2, #2d6dd2, #2d6dd3. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid monochrome blue linear gradient
- Seed: `kSb8rAO7w_UY9v0`
- Page: https://grabient.com/kSb8rAO7w_UY9v0?steps=64&angle=45
- Drawn as: linear gradient, 64 steps, 45 degrees
- Kinds: even lightness, vivid, cool, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1.8 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 | `#2b10e7` | `oklch(43.70% 0.2783 270.00)` | Delft Blue | white, 9 to 1 |
| 2 | `#2a13e6` | `oklch(43.75% 0.2764 269.91)` | Delft Blue | white, 8.9 to 1 |
| 3 | `#2a17e5` | `oklch(43.80% 0.2741 269.81)` | Delft Blue | white, 8.9 to 1 |
| 4 | `#291ae4` | `oklch(43.86% 0.2715 269.70)` | Delft Blue | white, 8.8 to 1 |
| 5 | `#291de2` | `oklch(43.91% 0.2686 269.58)` | Delft Blue | white, 8.8 to 1 |
| 6 | `#2821e1` | `oklch(43.97% 0.2655 269.46)` | Delft Blue | white, 8.7 to 1 |
| 7 | `#2824df` | `oklch(44.03% 0.2622 269.32)` | Lapis on Neptune | white, 8.7 to 1 |
| 8 | `#2726de` | `oklch(44.09% 0.2586 269.18)` | Lapis on Neptune | white, 8.6 to 1 |
| 9 | `#2729dc` | `oklch(44.15% 0.2548 269.03)` | Lapis on Neptune | white, 8.6 to 1 |
| 10 | `#262cda` | `oklch(44.22% 0.2509 268.88)` | Cold Pack | white, 8.5 to 1 |
| 11 | `#262fd8` | `oklch(44.29% 0.2468 268.71)` | Cold Pack | white, 8.4 to 1 |
| 12 | `#2531d6` | `oklch(44.36% 0.2426 268.55)` | Third Eye Chakra | white, 8.4 to 1 |
| 13 | `#2533d4` | `oklch(44.44% 0.2383 268.37)` | Third Eye Chakra | white, 8.3 to 1 |
| 14 | `#2436d2` | `oklch(44.52% 0.2339 268.20)` | Third Eye Chakra | white, 8.3 to 1 |
| 15 | `#2438d0` | `oklch(44.60% 0.2295 268.01)` | Third Eye Chakra | white, 8.2 to 1 |
| 16 | `#243ace` | `oklch(44.69% 0.2250 267.83)` | Third Eye Chakra | white, 8.1 to 1 |
| 17 | `#243ccc` | `oklch(44.78% 0.2205 267.64)` | Third Eye Chakra | white, 8.1 to 1 |
| 18 | `#243eca` | `oklch(44.88% 0.2160 267.45)` | Third Eye Chakra | white, 8 to 1 |
| 19 | `#2440c8` | `oklch(44.98% 0.2115 267.26)` | Blue Blue | white, 7.9 to 1 |
| 20 | `#2441c6` | `oklch(45.08% 0.2071 267.06)` | Blue Blue | white, 7.9 to 1 |
| 21 | `#2443c4` | `oklch(45.19% 0.2028 266.87)` | Blue Blue | white, 7.8 to 1 |
| 22 | `#2545c2` | `oklch(45.30% 0.1985 266.67)` | Blue Blue | white, 7.7 to 1 |
| 23 | `#2546c0` | `oklch(45.42% 0.1944 266.48)` | Blue Blue | white, 7.7 to 1 |
| 24 | `#2647be` | `oklch(45.55% 0.1904 266.28)` | Denim | white, 7.6 to 1 |
| 25 | `#2649bd` | `oklch(45.68% 0.1866 266.09)` | Apnea Dive | white, 7.5 to 1 |
| 26 | `#274abb` | `oklch(45.81% 0.1830 265.90)` | Apnea Dive | white, 7.5 to 1 |
| 27 | `#274bba` | `oklch(45.96% 0.1795 265.71)` | Apnea Dive | white, 7.4 to 1 |
| 28 | `#284db9` | `oklch(46.10% 0.1763 265.52)` | Apnea Dive | white, 7.4 to 1 |
| 29 | `#284eb8` | `oklch(46.26% 0.1734 265.33)` | Apnea Dive | white, 7.3 to 1 |
| 30 | `#294fb7` | `oklch(46.42% 0.1707 265.15)` | Apnea Dive | white, 7.2 to 1 |
| 31 | `#2a50b6` | `oklch(46.59% 0.1683 264.97)` | Apnea Dive | white, 7.2 to 1 |
| 32 | `#2a51b6` | `oklch(46.76% 0.1663 264.80)` | Apnea Dive | white, 7.1 to 1 |
| 33 | `#2b52b5` | `oklch(46.94% 0.1645 264.63)` | Cerulean Blue | white, 7 to 1 |
| 34 | `#2b53b5` | `oklch(47.14% 0.1630 264.46)` | Cerulean Blue | white, 7 to 1 |
| 35 | `#2b53b5` | `oklch(47.36% 0.1618 264.28)` | Cerulean Blue | white, 6.9 to 1 |
| 36 | `#2c54b5` | `oklch(47.59% 0.1607 264.10)` | Cerulean Blue | white, 6.8 to 1 |
| 37 | `#2c55b6` | `oklch(47.84% 0.1598 263.92)` | Cerulean Blue | white, 6.7 to 1 |
| 38 | `#2d56b6` | `oklch(48.09% 0.1592 263.73)` | Cerulean Blue | white, 6.7 to 1 |
| 39 | `#2d57b7` | `oklch(48.36% 0.1587 263.54)` | Cerulean Blue | white, 6.6 to 1 |
| 40 | `#2d58b7` | `oklch(48.64% 0.1583 263.34)` | Cerulean Blue | white, 6.5 to 1 |
| 41 | `#2e59b8` | `oklch(48.93% 0.1582 263.15)` | Cerulean Blue | white, 6.4 to 1 |
| 42 | `#2e5ab9` | `oklch(49.23% 0.1581 262.95)` | Amnesia Blue | white, 6.3 to 1 |
| 43 | `#2e5bba` | `oklch(49.53% 0.1582 262.76)` | Amnesia Blue | white, 6.2 to 1 |
| 44 | `#2e5cbb` | `oklch(49.84% 0.1584 262.56)` | Amnesia Blue | white, 6.2 to 1 |
| 45 | `#2e5ebd` | `oklch(50.15% 0.1587 262.37)` | Amnesia Blue | white, 6.1 to 1 |
| 46 | `#2e5fbe` | `oklch(50.47% 0.1591 262.17)` | Amnesia Blue | white, 6 to 1 |
| 47 | `#2e60bf` | `oklch(50.79% 0.1596 261.98)` | Amnesia Blue | white, 5.9 to 1 |
| 48 | `#2f61c1` | `oklch(51.10% 0.1602 261.79)` | Amnesia Blue | white, 5.8 to 1 |
| 49 | `#2f62c2` | `oklch(51.42% 0.1608 261.60)` | Blue Streak | white, 5.7 to 1 |
| 50 | `#2f63c3` | `oklch(51.73% 0.1615 261.42)` | Janitor | white, 5.7 to 1 |
| 51 | `#2f64c5` | `oklch(52.04% 0.1622 261.24)` | Janitor | white, 5.6 to 1 |
| 52 | `#2e65c6` | `oklch(52.34% 0.1630 261.06)` | Janitor | white, 5.5 to 1 |
| 53 | `#2e65c7` | `oklch(52.64% 0.1637 260.89)` | Janitor | white, 5.4 to 1 |
| 54 | `#2e66c9` | `oklch(52.93% 0.1645 260.72)` | Janitor | white, 5.4 to 1 |
| 55 | `#2e67ca` | `oklch(53.21% 0.1652 260.56)` | Mimesia Blue | white, 5.3 to 1 |
| 56 | `#2e68cb` | `oklch(53.48% 0.1659 260.40)` | Mimesia Blue | white, 5.2 to 1 |
| 57 | `#2e69cd` | `oklch(53.74% 0.1666 260.25)` | Celtic Blue | white, 5.2 to 1 |
| 58 | `#2e6ace` | `oklch(53.98% 0.1672 260.11)` | Celtic Blue | white, 5.1 to 1 |
| 59 | `#2e6acf` | `oklch(54.22% 0.1678 259.97)` | Celtic Blue | white, 5.1 to 1 |
| 60 | `#2e6bd0` | `oklch(54.43% 0.1683 259.85)` | Celtic Blue | white, 5 to 1 |
| 61 | `#2e6cd1` | `oklch(54.63% 0.1688 259.73)` | Enchanting Sapphire | white, 5 to 1 |
| 62 | `#2d6cd2` | `oklch(54.81% 0.1691 259.62)` | Enchanting Sapphire | white, 4.9 to 1 |
| 63 | `#2d6dd2` | `oklch(54.98% 0.1694 259.52)` | Enchanting Sapphire | white, 4.9 to 1 |
| 64 | `#2d6dd3` | `oklch(55.12% 0.1695 259.43)` | Enchanting Sapphire | white, 4.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #2b10e7 0.0%, #2a13e6 1.6%, #2a17e5 3.2%, #291ae4 4.8%, #291de2 6.3%, #2821e1 7.9%, #2824df 9.5%, #2726de 11.1%, #2729dc 12.7%, #262cda 14.3%, #262fd8 15.9%, #2531d6 17.5%, #2533d4 19.0%, #2436d2 20.6%, #2438d0 22.2%, #243ace 23.8%, #243ccc 25.4%, #243eca 27.0%, #2440c8 28.6%, #2441c6 30.2%, #2443c4 31.7%, #2545c2 33.3%, #2546c0 34.9%, #2647be 36.5%, #2649bd 38.1%, #274abb 39.7%, #274bba 41.3%, #284db9 42.9%, #284eb8 44.4%, #294fb7 46.0%, #2a50b6 47.6%, #2a51b6 49.2%, #2b52b5 50.8%, #2b53b5 52.4%, #2b53b5 54.0%, #2c54b5 55.6%, #2c55b6 57.1%, #2d56b6 58.7%, #2d57b7 60.3%, #2d58b7 61.9%, #2e59b8 63.5%, #2e5ab9 65.1%, #2e5bba 66.7%, #2e5cbb 68.3%, #2e5ebd 69.8%, #2e5fbe 71.4%, #2e60bf 73.0%, #2f61c1 74.6%, #2f62c2 76.2%, #2f63c3 77.8%, #2f64c5 79.4%, #2e65c6 81.0%, #2e65c7 82.5%, #2e66c9 84.1%, #2e67ca 85.7%, #2e68cb 87.3%, #2e69cd 88.9%, #2e6ace 90.5%, #2e6acf 92.1%, #2e6bd0 93.7%, #2e6cd1 95.2%, #2d6cd2 96.8%, #2d6dd2 98.4%, #2d6dd3 100.0%);
background: linear-gradient(45deg in oklch, oklch(43.70% 0.2783 270.00) 0.0%, oklch(43.75% 0.2764 269.91) 1.6%, oklch(43.80% 0.2741 269.81) 3.2%, oklch(43.86% 0.2715 269.70) 4.8%, oklch(43.91% 0.2686 269.58) 6.3%, oklch(43.97% 0.2655 269.46) 7.9%, oklch(44.03% 0.2622 269.32) 9.5%, oklch(44.09% 0.2586 269.18) 11.1%, oklch(44.15% 0.2548 269.03) 12.7%, oklch(44.22% 0.2509 268.88) 14.3%, oklch(44.29% 0.2468 268.71) 15.9%, oklch(44.36% 0.2426 268.55) 17.5%, oklch(44.44% 0.2383 268.37) 19.0%, oklch(44.52% 0.2339 268.20) 20.6%, oklch(44.60% 0.2295 268.01) 22.2%, oklch(44.69% 0.2250 267.83) 23.8%, oklch(44.78% 0.2205 267.64) 25.4%, oklch(44.88% 0.2160 267.45) 27.0%, oklch(44.98% 0.2115 267.26) 28.6%, oklch(45.08% 0.2071 267.06) 30.2%, oklch(45.19% 0.2028 266.87) 31.7%, oklch(45.30% 0.1985 266.67) 33.3%, oklch(45.42% 0.1944 266.48) 34.9%, oklch(45.55% 0.1904 266.28) 36.5%, oklch(45.68% 0.1866 266.09) 38.1%, oklch(45.81% 0.1830 265.90) 39.7%, oklch(45.96% 0.1795 265.71) 41.3%, oklch(46.10% 0.1763 265.52) 42.9%, oklch(46.26% 0.1734 265.33) 44.4%, oklch(46.42% 0.1707 265.15) 46.0%, oklch(46.59% 0.1683 264.97) 47.6%, oklch(46.76% 0.1663 264.80) 49.2%, oklch(46.94% 0.1645 264.63) 50.8%, oklch(47.14% 0.1630 264.46) 52.4%, oklch(47.36% 0.1618 264.28) 54.0%, oklch(47.59% 0.1607 264.10) 55.6%, oklch(47.84% 0.1598 263.92) 57.1%, oklch(48.09% 0.1592 263.73) 58.7%, oklch(48.36% 0.1587 263.54) 60.3%, oklch(48.64% 0.1583 263.34) 61.9%, oklch(48.93% 0.1582 263.15) 63.5%, oklch(49.23% 0.1581 262.95) 65.1%, oklch(49.53% 0.1582 262.76) 66.7%, oklch(49.84% 0.1584 262.56) 68.3%, oklch(50.15% 0.1587 262.37) 69.8%, oklch(50.47% 0.1591 262.17) 71.4%, oklch(50.79% 0.1596 261.98) 73.0%, oklch(51.10% 0.1602 261.79) 74.6%, oklch(51.42% 0.1608 261.60) 76.2%, oklch(51.73% 0.1615 261.42) 77.8%, oklch(52.04% 0.1622 261.24) 79.4%, oklch(52.34% 0.1630 261.06) 81.0%, oklch(52.64% 0.1637 260.89) 82.5%, oklch(52.93% 0.1645 260.72) 84.1%, oklch(53.21% 0.1652 260.56) 85.7%, oklch(53.48% 0.1659 260.40) 87.3%, oklch(53.74% 0.1666 260.25) 88.9%, oklch(53.98% 0.1672 260.11) 90.5%, oklch(54.22% 0.1678 259.97) 92.1%, oklch(54.43% 0.1683 259.85) 93.7%, oklch(54.63% 0.1688 259.73) 95.2%, oklch(54.81% 0.1691 259.62) 96.8%, oklch(54.98% 0.1694 259.52) 98.4%, oklch(55.12% 0.1695 259.43) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.437 | 0.278 | 270 |
| 2 | 0.469 | 0.165 | 264.7 |
| 3 | 0.551 | 0.169 | 259.4 |

## In these collections

- [Electric blue gradients](https://grabient.com/electric-blue-gradients)

## Other forms

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