# Black burgundy navy diagonal

Blue, black and beige linear gradient with 64 colors: #024983, #0b4782, #134581, #19427f, #1e3e7c, #223a79, #263776, #293272, #2b2e6d, #2d2a68, #2f2563, #30215d, #311c57, #311851, #31134a, #300f44, #300b3d, #2f0737, #2e0431, #2d012b, #2b0025, #29001f, #27001a, #250015, #240011, #23000e, #22000b, #220008, #230007, #240005, #250004, #280003, #2a0103, #2d0303, #300603, #340b05, #381007, #3d160a, #421c0f, #472214, #4e2919, #54301f, #5b3826, #62402d, #694834, #71503c, #795944, #81624d, #896b55, #91745e, #997d67, #a28770, #aa9079, #b29982, #baa18a, #c2aa93, #c9b29b, #d0baa3, #d7c2ab, #ddc8b2, #e3cfb8, #e8d5be, #ecdac3, #f0dec8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Blue, black and beige linear gradient
- Seed: `kSZlSylppPnONRe`
- Page: https://grabient.com/kSZlSylppPnONRe?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: dark center, dark
- Hues: wide
- Contrast of its darkest and lightest colors: 14.9 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 | `#024983` | `oklch(40.16% 0.1157 251.02)` | Bridgeport | white, 9.1 to 1 |
| 2 | `#0b4782` | `oklch(39.73% 0.1150 253.28)` | Poster Blue | white, 9.3 to 1 |
| 3 | `#134581` | `oklch(39.18% 0.1142 255.88)` | Poster Blue | white, 9.6 to 1 |
| 4 | `#19427f` | `oklch(38.50% 0.1132 258.78)` | Maritime Outpost | white, 9.9 to 1 |
| 5 | `#1e3e7c` | `oklch(37.72% 0.1122 261.97)` | Mazarine Blue | white, 10.2 to 1 |
| 6 | `#223a79` | `oklch(36.84% 0.1111 265.43)` | Surf the Web | white, 10.7 to 1 |
| 7 | `#263776` | `oklch(35.88% 0.1100 269.13)` | Surf the Web | white, 11.1 to 1 |
| 8 | `#293272` | `oklch(34.84% 0.1088 273.05)` | Blue Rose | white, 11.6 to 1 |
| 9 | `#2b2e6d` | `oklch(33.74% 0.1075 277.19)` | Blue Rose | white, 12.2 to 1 |
| 10 | `#2d2a68` | `oklch(32.59% 0.1061 281.50)` | Paris M | white, 12.8 to 1 |
| 11 | `#2f2563` | `oklch(31.40% 0.1047 285.98)` | Indie Go | white, 13.4 to 1 |
| 12 | `#30215d` | `oklch(30.18% 0.1033 290.60)` | Cluedo Night | white, 14 to 1 |
| 13 | `#311c57` | `oklch(28.95% 0.1018 295.35)` | Fabric of Space | white, 14.6 to 1 |
| 14 | `#311851` | `oklch(27.71% 0.1003 300.20)` | Russian Violet | white, 15.2 to 1 |
| 15 | `#31134a` | `oklch(26.47% 0.0987 305.13)` | Russian Violet | white, 15.8 to 1 |
| 16 | `#300f44` | `oklch(25.26% 0.0971 310.12)` | Purple Door | white, 16.4 to 1 |
| 17 | `#300b3d` | `oklch(24.07% 0.0955 315.15)` | Dark Purple | white, 16.9 to 1 |
| 18 | `#2f0737` | `oklch(22.92% 0.0939 320.21)` | Exquisite Eggplant | white, 17.4 to 1 |
| 19 | `#2e0431` | `oklch(21.82% 0.0923 325.26)` | Exquisite Eggplant | white, 17.8 to 1 |
| 20 | `#2d012b` | `oklch(20.78% 0.0906 330.29)` | Globe Thistle | white, 18.2 to 1 |
| 21 | `#2b0025` | `oklch(19.87% 0.0882 335.30)` | Globe Thistle | white, 18.5 to 1 |
| 22 | `#29001f` | `oklch(19.00% 0.0825 340.28)` | Black Sabbath | white, 18.8 to 1 |
| 23 | `#27001a` | `oklch(18.23% 0.0775 345.18)` | Belladonna | white, 19 to 1 |
| 24 | `#250015` | `oklch(17.56% 0.0733 350.00)` | Belladonna | white, 19.2 to 1 |
| 25 | `#240011` | `oklch(17.01% 0.0699 354.70)` | Belladonna | white, 19.3 to 1 |
| 26 | `#23000e` | `oklch(16.59% 0.0674 359.25)` | Belladonna | white, 19.4 to 1 |
| 27 | `#22000b` | `oklch(16.31% 0.0657 3.64)` | Belladonna | white, 19.5 to 1 |
| 28 | `#220008` | `oklch(16.18% 0.0648 7.83)` | Belladonna | white, 19.5 to 1 |
| 29 | `#230007` | `oklch(16.22% 0.0648 11.79)` | Ponzu Brown | white, 19.5 to 1 |
| 30 | `#240005` | `oklch(16.43% 0.0657 15.50)` | Ponzu Brown | white, 19.5 to 1 |
| 31 | `#250004` | `oklch(16.82% 0.0675 18.94)` | Ponzu Brown | white, 19.4 to 1 |
| 32 | `#280003` | `oklch(17.41% 0.0702 22.09)` | Sepia Black | white, 19.2 to 1 |
| 33 | `#2a0103` | `oklch(18.15% 0.0710 24.55)` | Sepia Black | white, 19 to 1 |
| 34 | `#2d0303` | `oklch(19.22% 0.0697 27.34)` | Sepia Black | white, 18.6 to 1 |
| 35 | `#300603` | `oklch(20.52% 0.0684 30.02)` | 3AM Breakup | white, 18.2 to 1 |
| 36 | `#340b05` | `oklch(22.06% 0.0671 32.60)` | 3AM Breakup | white, 17.6 to 1 |
| 37 | `#381007` | `oklch(23.80% 0.0658 35.07)` | Red Bean | white, 16.8 to 1 |
| 38 | `#3d160a` | `oklch(25.73% 0.0645 37.44)` | Old Study | white, 15.9 to 1 |
| 39 | `#421c0f` | `oklch(27.85% 0.0631 39.72)` | Délicieux au Chocolat | white, 14.9 to 1 |
| 40 | `#472214` | `oklch(30.12% 0.0618 41.91)` | Duqqa Brown | white, 13.8 to 1 |
| 41 | `#4e2919` | `oklch(32.54% 0.0604 44.00)` | Bittersweet Chocolate | white, 12.6 to 1 |
| 42 | `#54301f` | `oklch(35.09% 0.0591 46.00)` | Wild Boar | white, 11.5 to 1 |
| 43 | `#5b3826` | `oklch(37.75% 0.0578 47.92)` | Weathered Bamboo | white, 10.3 to 1 |
| 44 | `#62402d` | `oklch(40.51% 0.0564 49.76)` | Grilled | white, 9.1 to 1 |
| 45 | `#694834` | `oklch(43.35% 0.0551 51.52)` | Buckeye | white, 8.1 to 1 |
| 46 | `#71503c` | `oklch(46.25% 0.0538 53.20)` | Old Copper | white, 7.1 to 1 |
| 47 | `#795944` | `oklch(49.20% 0.0526 54.81)` | Wild Bill Brown | white, 6.3 to 1 |
| 48 | `#81624d` | `oklch(52.18% 0.0513 56.35)` | Tilled Earth | white, 5.5 to 1 |
| 49 | `#896b55` | `oklch(55.18% 0.0501 57.83)` | Spiced Latte | white, 4.8 to 1 |
| 50 | `#91745e` | `oklch(58.17% 0.0488 59.23)` | Corral Brown | black, 4.8 to 1 |
| 51 | `#997d67` | `oklch(61.15% 0.0476 60.58)` | Dusty Canyon | black, 5.5 to 1 |
| 52 | `#a28770` | `oklch(64.10% 0.0465 61.87)` | Terrazzo Brown | black, 6.2 to 1 |
| 53 | `#aa9079` | `oklch(66.99% 0.0454 63.10)` | Bakery Brown | black, 6.9 to 1 |
| 54 | `#b29982` | `oklch(69.82% 0.0443 64.28)` | Coffee Cake | black, 7.7 to 1 |
| 55 | `#baa18a` | `oklch(72.57% 0.0432 65.41)` | Cup of Cocoa | black, 8.5 to 1 |
| 56 | `#c2aa93` | `oklch(75.22% 0.0422 66.49)` | French Pastry | black, 9.4 to 1 |
| 57 | `#c9b29b` | `oklch(77.76% 0.0412 67.53)` | Practical Beige | black, 10.3 to 1 |
| 58 | `#d0baa3` | `oklch(80.16% 0.0403 68.53)` | My Piazza | black, 11.2 to 1 |
| 59 | `#d7c2ab` | `oklch(82.42% 0.0394 69.49)` | Swiss Coffee | black, 12.1 to 1 |
| 60 | `#ddc8b2` | `oklch(84.52% 0.0386 70.42)` | Lentil | black, 13 to 1 |
| 61 | `#e3cfb8` | `oklch(86.43% 0.0378 71.31)` | Biscuit Crumbs | black, 13.8 to 1 |
| 62 | `#e8d5be` | `oklch(88.15% 0.0371 72.18)` | Almendra Tostada | black, 14.6 to 1 |
| 63 | `#ecdac3` | `oklch(89.66% 0.0364 73.02)` | Wild Oats | black, 15.3 to 1 |
| 64 | `#f0dec8` | `oklch(90.94% 0.0358 73.83)` | Silk Teddy | black, 15.9 to 1 |

## CSS

```css
background: linear-gradient(225deg, #024983 0.0%, #0b4782 1.6%, #134581 3.2%, #19427f 4.8%, #1e3e7c 6.3%, #223a79 7.9%, #263776 9.5%, #293272 11.1%, #2b2e6d 12.7%, #2d2a68 14.3%, #2f2563 15.9%, #30215d 17.5%, #311c57 19.0%, #311851 20.6%, #31134a 22.2%, #300f44 23.8%, #300b3d 25.4%, #2f0737 27.0%, #2e0431 28.6%, #2d012b 30.2%, #2b0025 31.7%, #29001f 33.3%, #27001a 34.9%, #250015 36.5%, #240011 38.1%, #23000e 39.7%, #22000b 41.3%, #220008 42.9%, #230007 44.4%, #240005 46.0%, #250004 47.6%, #280003 49.2%, #2a0103 50.8%, #2d0303 52.4%, #300603 54.0%, #340b05 55.6%, #381007 57.1%, #3d160a 58.7%, #421c0f 60.3%, #472214 61.9%, #4e2919 63.5%, #54301f 65.1%, #5b3826 66.7%, #62402d 68.3%, #694834 69.8%, #71503c 71.4%, #795944 73.0%, #81624d 74.6%, #896b55 76.2%, #91745e 77.8%, #997d67 79.4%, #a28770 81.0%, #aa9079 82.5%, #b29982 84.1%, #baa18a 85.7%, #c2aa93 87.3%, #c9b29b 88.9%, #d0baa3 90.5%, #d7c2ab 92.1%, #ddc8b2 93.7%, #e3cfb8 95.2%, #e8d5be 96.8%, #ecdac3 98.4%, #f0dec8 100.0%);
background: linear-gradient(225deg in oklch, oklch(40.16% 0.1157 251.02) 0.0%, oklch(39.73% 0.1150 253.28) 1.6%, oklch(39.18% 0.1142 255.88) 3.2%, oklch(38.50% 0.1132 258.78) 4.8%, oklch(37.72% 0.1122 261.97) 6.3%, oklch(36.84% 0.1111 265.43) 7.9%, oklch(35.88% 0.1100 269.13) 9.5%, oklch(34.84% 0.1088 273.05) 11.1%, oklch(33.74% 0.1075 277.19) 12.7%, oklch(32.59% 0.1061 281.50) 14.3%, oklch(31.40% 0.1047 285.98) 15.9%, oklch(30.18% 0.1033 290.60) 17.5%, oklch(28.95% 0.1018 295.35) 19.0%, oklch(27.71% 0.1003 300.20) 20.6%, oklch(26.47% 0.0987 305.13) 22.2%, oklch(25.26% 0.0971 310.12) 23.8%, oklch(24.07% 0.0955 315.15) 25.4%, oklch(22.92% 0.0939 320.21) 27.0%, oklch(21.82% 0.0923 325.26) 28.6%, oklch(20.78% 0.0906 330.29) 30.2%, oklch(19.87% 0.0882 335.30) 31.7%, oklch(19.00% 0.0825 340.28) 33.3%, oklch(18.23% 0.0775 345.18) 34.9%, oklch(17.56% 0.0733 350.00) 36.5%, oklch(17.01% 0.0699 354.70) 38.1%, oklch(16.59% 0.0674 359.25) 39.7%, oklch(16.31% 0.0657 3.64) 41.3%, oklch(16.18% 0.0648 7.83) 42.9%, oklch(16.22% 0.0648 11.79) 44.4%, oklch(16.43% 0.0657 15.50) 46.0%, oklch(16.82% 0.0675 18.94) 47.6%, oklch(17.41% 0.0702 22.09) 49.2%, oklch(18.15% 0.0710 24.55) 50.8%, oklch(19.22% 0.0697 27.34) 52.4%, oklch(20.52% 0.0684 30.02) 54.0%, oklch(22.06% 0.0671 32.60) 55.6%, oklch(23.80% 0.0658 35.07) 57.1%, oklch(25.73% 0.0645 37.44) 58.7%, oklch(27.85% 0.0631 39.72) 60.3%, oklch(30.12% 0.0618 41.91) 61.9%, oklch(32.54% 0.0604 44.00) 63.5%, oklch(35.09% 0.0591 46.00) 65.1%, oklch(37.75% 0.0578 47.92) 66.7%, oklch(40.51% 0.0564 49.76) 68.3%, oklch(43.35% 0.0551 51.52) 69.8%, oklch(46.25% 0.0538 53.20) 71.4%, oklch(49.20% 0.0526 54.81) 73.0%, oklch(52.18% 0.0513 56.35) 74.6%, oklch(55.18% 0.0501 57.83) 76.2%, oklch(58.17% 0.0488 59.23) 77.8%, oklch(61.15% 0.0476 60.58) 79.4%, oklch(64.10% 0.0465 61.87) 81.0%, oklch(66.99% 0.0454 63.10) 82.5%, oklch(69.82% 0.0443 64.28) 84.1%, oklch(72.57% 0.0432 65.41) 85.7%, oklch(75.22% 0.0422 66.49) 87.3%, oklch(77.76% 0.0412 67.53) 88.9%, oklch(80.16% 0.0403 68.53) 90.5%, oklch(82.42% 0.0394 69.49) 92.1%, oklch(84.52% 0.0386 70.42) 93.7%, oklch(86.43% 0.0378 71.31) 95.2%, oklch(88.15% 0.0371 72.18) 96.8%, oklch(89.66% 0.0364 73.02) 98.4%, oklch(90.94% 0.0358 73.83) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.402 | 0.116 | 251 |
| 2 | 0.177 | 0.072 | 383.1 |
| 3 | 0.909 | 0.036 | 433.8 |

## In these collections

- [Remote sensing gradients](https://grabient.com/remote-sensing-gradients)

## Other forms

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