# Black, brown, navy and tan angular gradient

Black, brown, navy and tan angular gradient with 64 colors: #07090f, #080a11, #090b13, #0b0c15, #0d0c18, #100d1b, #140e1d, #180f1f, #1d0f21, #221023, #281125, #2e1326, #341527, #3b1829, #441b2b, #4e202d, #59262e, #652d2f, #71352f, #7d3d2f, #88462f, #914e2f, #9a5630, #a05c32, #a56035, #a8623a, #a86140, #a55e48, #9f5a51, #955559, #88515f, #784d61, #684961, #58455c, #4b4055, #3f3c4c, #373844, #31343d, #2e3138, #2b2f35, #282c32, #252a31, #222830, #202730, #1e2631, #1c2532, #1a2535, #192637, #18273b, #16293f, #142d43, #113348, #0c3a4d, #064452, #044f56, #0d5b59, #216759, #377357, #507d54, #688651, #808e4f, #95944f, #a79851, #b49b54. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYJAm9IRXJ0gmxuoBS8pZM9Viira`
- Page: https://grabient.com/kYJAm9IRXJ0gmxuoBS8pZM9Viira?style=angularGradient&steps=64&angle=315
- Drawn as: angular gradient, 64 steps, 315 degrees
- Kinds: dark
- Hues: two-hue
- Contrast of its darkest and lightest colors: 7.3 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 | `#07090f` | `oklch(14.17% 0.0124 265.78)` | Narwhal Grey | white, 19.8 to 1 |
| 2 | `#080a11` | `oklch(14.66% 0.0145 269.67)` | Dark Rift | white, 19.7 to 1 |
| 3 | `#090b13` | `oklch(15.18% 0.0172 274.60)` | Midnight Oil | white, 19.6 to 1 |
| 4 | `#0b0c15` | `oklch(15.76% 0.0203 280.41)` | Midnight Oil | white, 19.5 to 1 |
| 5 | `#0d0c18` | `oklch(16.40% 0.0238 286.95)` | Midnight Oil | white, 19.3 to 1 |
| 6 | `#100d1b` | `oklch(17.11% 0.0276 294.04)` | Nyctophobia | white, 19.1 to 1 |
| 7 | `#140e1d` | `oklch(17.90% 0.0317 301.52)` | Corbeau | white, 18.9 to 1 |
| 8 | `#180f1f` | `oklch(18.79% 0.0359 309.25)` | Shot in the Dark | white, 18.6 to 1 |
| 9 | `#1d0f21` | `oklch(19.78% 0.0402 317.04)` | Shot in the Dark | white, 18.3 to 1 |
| 10 | `#221023` | `oklch(20.89% 0.0445 324.75)` | Inside | white, 17.9 to 1 |
| 11 | `#281125` | `oklch(22.12% 0.0488 332.21)` | Inside | white, 17.5 to 1 |
| 12 | `#2e1326` | `oklch(23.49% 0.0530 339.25)` | Black Cherry | white, 16.9 to 1 |
| 13 | `#341527` | `oklch(25.00% 0.0570 345.72)` | Chocolate Kiss | white, 16.3 to 1 |
| 14 | `#3b1829` | `oklch(26.71% 0.0608 351.60)` | Black-Hearted | white, 15.5 to 1 |
| 15 | `#441b2b` | `oklch(28.87% 0.0652 358.01)` | Blackberry | white, 14.5 to 1 |
| 16 | `#4e202d` | `oklch(31.48% 0.0702 5.00)` | Dark Mahogany | white, 13.3 to 1 |
| 17 | `#59262e` | `oklch(34.40% 0.0756 12.32)` | Kuwazome Red | white, 12 to 1 |
| 18 | `#652d2f` | `oklch(37.53% 0.0811 19.69)` | Devil’s Lip | white, 10.6 to 1 |
| 19 | `#71352f` | `oklch(40.76% 0.0866 26.86)` | Henna Red | white, 9.3 to 1 |
| 20 | `#7d3d2f` | `oklch(43.97% 0.0919 33.56)` | Stone Age Queen | white, 8.1 to 1 |
| 21 | `#88462f` | `oklch(47.05% 0.0967 39.53)` | Olive Niçoise | white, 7.1 to 1 |
| 22 | `#914e2f` | `oklch(49.90% 0.1008 44.49)` | Khaki Brown | white, 6.2 to 1 |
| 23 | `#9a5630` | `oklch(52.39% 0.1040 48.19)` | Seared Earth | white, 5.6 to 1 |
| 24 | `#a05c32` | `oklch(54.42% 0.1062 50.36)` | Glazed Ginger | white, 5.1 to 1 |
| 25 | `#a56035` | `oklch(55.87% 0.1071 50.73)` | Wet Adobe | white, 4.8 to 1 |
| 26 | `#a8623a` | `oklch(56.63% 0.1064 49.05)` | Corn Snake | white, 4.7 to 1 |
| 27 | `#a86140` | `oklch(56.61% 0.1039 44.82)` | Borneo | white, 4.7 to 1 |
| 28 | `#a55e48` | `oklch(55.82% 0.0991 37.71)` | Sierra | white, 4.8 to 1 |
| 29 | `#9f5a51` | `oklch(54.41% 0.0924 28.18)` | Spicy Cayenne | white, 5.1 to 1 |
| 30 | `#955559` | `oklch(52.47% 0.0843 16.71)` | Baca Berry | white, 5.6 to 1 |
| 31 | `#88515f` | `oklch(50.13% 0.0752 3.79)` | Berry Smoothie | white, 6.2 to 1 |
| 32 | `#784d61` | `oklch(47.51% 0.0654 349.89)` | Red Endive | white, 6.9 to 1 |
| 33 | `#684961` | `oklch(44.73% 0.0555 335.50)` | Bunchberry | white, 7.7 to 1 |
| 34 | `#58455c` | `oklch(41.91% 0.0456 321.09)` | Conspiracy Velvet | white, 8.6 to 1 |
| 35 | `#4b4055` | `oklch(39.16% 0.0364 307.14)` | Royal Treatment | white, 9.6 to 1 |
| 36 | `#3f3c4c` | `oklch(36.61% 0.0282 294.14)` | Italian Grape | white, 10.6 to 1 |
| 37 | `#373844` | `oklch(34.37% 0.0213 282.56)` | Black Marlin | white, 11.6 to 1 |
| 38 | `#31343d` | `oklch(32.55% 0.0163 272.88)` | Blue Plaza | white, 12.4 to 1 |
| 39 | `#2e3138` | `oklch(31.28% 0.0134 265.58)` | Smiler’s Mist | white, 13 to 1 |
| 40 | `#2b2f35` | `oklch(30.23% 0.0123 260.61)` | Suit Blue | white, 13.5 to 1 |
| 41 | `#282c32` | `oklch(29.24% 0.0127 257.52)` | Night Sky | white, 13.9 to 1 |
| 42 | `#252a31` | `oklch(28.34% 0.0142 255.94)` | Cinder | white, 14.4 to 1 |
| 43 | `#222830` | `oklch(27.56% 0.0168 255.49)` | Infinity | white, 14.7 to 1 |
| 44 | `#202730` | `oklch(26.92% 0.0202 255.79)` | Infinity | white, 15 to 1 |
| 45 | `#1e2631` | `oklch(26.46% 0.0242 256.46)` | Abyssal Anchorfish Blue | white, 15.3 to 1 |
| 46 | `#1c2532` | `oklch(26.20% 0.0287 257.13)` | Abyssal Anchorfish Blue | white, 15.4 to 1 |
| 47 | `#1a2535` | `oklch(26.18% 0.0334 257.43)` | Moonless Mystery | white, 15.4 to 1 |
| 48 | `#192637` | `oklch(26.41% 0.0382 256.96)` | Abyssal Anchorfish Blue | white, 15.3 to 1 |
| 49 | `#18273b` | `oklch(26.93% 0.0428 255.36)` | Eternal Darkness | white, 15 to 1 |
| 50 | `#16293f` | `oklch(27.77% 0.0472 252.26)` | Eternal Darkness | white, 14.6 to 1 |
| 51 | `#142d43` | `oklch(28.95% 0.0510 247.26)` | NATO Blue | white, 14 to 1 |
| 52 | `#113348` | `oklch(30.57% 0.0544 239.99)` | Halite Blue | white, 13.2 to 1 |
| 53 | `#0c3a4d` | `oklch(32.87% 0.0579 230.36)` | Gibraltar Sea | white, 12.1 to 1 |
| 54 | `#064452` | `oklch(35.75% 0.0616 218.79)` | Crab Nebula | white, 10.7 to 1 |
| 55 | `#044f56` | `oklch(39.10% 0.0655 205.69)` | Deep Atlantic Blue | white, 9.2 to 1 |
| 56 | `#0d5b59` | `oklch(42.79% 0.0695 191.51)` | Dark Turquoise | white, 7.8 to 1 |
| 57 | `#216759` | `oklch(46.69% 0.0734 176.67)` | Eucalyptus Green | white, 6.6 to 1 |
| 58 | `#377357` | `oklch(50.68% 0.0773 161.60)` | Foliage Green | white, 5.5 to 1 |
| 59 | `#507d54` | `oklch(54.65% 0.0810 146.72)` | Melbourne | white, 4.7 to 1 |
| 60 | `#688651` | `oklch(58.46% 0.0845 132.47)` | Happy Camper | black, 5.1 to 1 |
| 61 | `#808e4f` | `oklch(61.99% 0.0878 119.29)` | Camo | black, 5.8 to 1 |
| 62 | `#95944f` | `oklch(65.12% 0.0907 107.58)` | Ancient Maze | black, 6.6 to 1 |
| 63 | `#a79851` | `oklch(67.73% 0.0931 97.80)` | Gremlin | black, 7.2 to 1 |
| 64 | `#b49b54` | `oklch(69.69% 0.0951 90.36)` | Viva Las Vegas | black, 7.7 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #07090f 0.0%, #080a11 1.6%, #090b13 3.2%, #0b0c15 4.8%, #0d0c18 6.3%, #100d1b 7.9%, #140e1d 9.5%, #180f1f 11.1%, #1d0f21 12.7%, #221023 14.3%, #281125 15.9%, #2e1326 17.5%, #341527 19.0%, #3b1829 20.6%, #441b2b 22.2%, #4e202d 23.8%, #59262e 25.4%, #652d2f 27.0%, #71352f 28.6%, #7d3d2f 30.2%, #88462f 31.7%, #914e2f 33.3%, #9a5630 34.9%, #a05c32 36.5%, #a56035 38.1%, #a8623a 39.7%, #a86140 41.3%, #a55e48 42.9%, #9f5a51 44.4%, #955559 46.0%, #88515f 47.6%, #784d61 49.2%, #684961 50.8%, #58455c 52.4%, #4b4055 54.0%, #3f3c4c 55.6%, #373844 57.1%, #31343d 58.7%, #2e3138 60.3%, #2b2f35 61.9%, #282c32 63.5%, #252a31 65.1%, #222830 66.7%, #202730 68.3%, #1e2631 69.8%, #1c2532 71.4%, #1a2535 73.0%, #192637 74.6%, #18273b 76.2%, #16293f 77.8%, #142d43 79.4%, #113348 81.0%, #0c3a4d 82.5%, #064452 84.1%, #044f56 85.7%, #0d5b59 87.3%, #216759 88.9%, #377357 90.5%, #507d54 92.1%, #688651 93.7%, #808e4f 95.2%, #95944f 96.8%, #a79851 98.4%, #b49b54 100.0%);
background: conic-gradient(from 315deg in oklch, oklch(14.17% 0.0124 265.78) 0.0%, oklch(14.66% 0.0145 269.67) 1.6%, oklch(15.18% 0.0172 274.60) 3.2%, oklch(15.76% 0.0203 280.41) 4.8%, oklch(16.40% 0.0238 286.95) 6.3%, oklch(17.11% 0.0276 294.04) 7.9%, oklch(17.90% 0.0317 301.52) 9.5%, oklch(18.79% 0.0359 309.25) 11.1%, oklch(19.78% 0.0402 317.04) 12.7%, oklch(20.89% 0.0445 324.75) 14.3%, oklch(22.12% 0.0488 332.21) 15.9%, oklch(23.49% 0.0530 339.25) 17.5%, oklch(25.00% 0.0570 345.72) 19.0%, oklch(26.71% 0.0608 351.60) 20.6%, oklch(28.87% 0.0652 358.01) 22.2%, oklch(31.48% 0.0702 5.00) 23.8%, oklch(34.40% 0.0756 12.32) 25.4%, oklch(37.53% 0.0811 19.69) 27.0%, oklch(40.76% 0.0866 26.86) 28.6%, oklch(43.97% 0.0919 33.56) 30.2%, oklch(47.05% 0.0967 39.53) 31.7%, oklch(49.90% 0.1008 44.49) 33.3%, oklch(52.39% 0.1040 48.19) 34.9%, oklch(54.42% 0.1062 50.36) 36.5%, oklch(55.87% 0.1071 50.73) 38.1%, oklch(56.63% 0.1064 49.05) 39.7%, oklch(56.61% 0.1039 44.82) 41.3%, oklch(55.82% 0.0991 37.71) 42.9%, oklch(54.41% 0.0924 28.18) 44.4%, oklch(52.47% 0.0843 16.71) 46.0%, oklch(50.13% 0.0752 3.79) 47.6%, oklch(47.51% 0.0654 349.89) 49.2%, oklch(44.73% 0.0555 335.50) 50.8%, oklch(41.91% 0.0456 321.09) 52.4%, oklch(39.16% 0.0364 307.14) 54.0%, oklch(36.61% 0.0282 294.14) 55.6%, oklch(34.37% 0.0213 282.56) 57.1%, oklch(32.55% 0.0163 272.88) 58.7%, oklch(31.28% 0.0134 265.58) 60.3%, oklch(30.23% 0.0123 260.61) 61.9%, oklch(29.24% 0.0127 257.52) 63.5%, oklch(28.34% 0.0142 255.94) 65.1%, oklch(27.56% 0.0168 255.49) 66.7%, oklch(26.92% 0.0202 255.79) 68.3%, oklch(26.46% 0.0242 256.46) 69.8%, oklch(26.20% 0.0287 257.13) 71.4%, oklch(26.18% 0.0334 257.43) 73.0%, oklch(26.41% 0.0382 256.96) 74.6%, oklch(26.93% 0.0428 255.36) 76.2%, oklch(27.77% 0.0472 252.26) 77.8%, oklch(28.95% 0.0510 247.26) 79.4%, oklch(30.57% 0.0544 239.99) 81.0%, oklch(32.87% 0.0579 230.36) 82.5%, oklch(35.75% 0.0616 218.79) 84.1%, oklch(39.10% 0.0655 205.69) 85.7%, oklch(42.79% 0.0695 191.51) 87.3%, oklch(46.69% 0.0734 176.67) 88.9%, oklch(50.68% 0.0773 161.60) 90.5%, oklch(54.65% 0.0810 146.72) 92.1%, oklch(58.46% 0.0845 132.47) 93.7%, oklch(61.99% 0.0878 119.29) 95.2%, oklch(65.12% 0.0907 107.58) 96.8%, oklch(67.73% 0.0931 97.80) 98.4%, oklch(69.69% 0.0951 90.36) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.142 | 0.012 | 265.8 |
| 2 | 0.26 | 0.059 | 349.3 |
| 3 | 0.567 | 0.106 | 408.4 |
| 4 | 0.315 | 0.014 | 266.8 |
| 5 | 0.295 | 0.052 | 244.6 |
| 6 | 0.697 | 0.095 | 90.4 |

## Other forms

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