# Cognac ivory black glow

Brown, orange, tan and black linear gradient with 32 colors: #6e2613, #792d16, #8a3618, #9e411b, #b24e1d, #c65d20, #d66c25, #e27e2f, #ee9642, #f7b05a, #fdc673, #fed488, #f8d792, #eaca8d, #d1ae79, #b0895d, #8b613f, #673e26, #492313, #341309, #240a04, #160603, #0d0503, #080403, #070505, #0d0806, #1d0f0a, #371b10, #582a16, #7c3919, #9d471a, #b35119. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, orange, tan and black linear gradient
- Seed: `kYX00Z0zhBvAhQ-hFbqkQM_8Y0QI`
- Page: https://grabient.com/kYX00Z0zhBvAhQ-hFbqkQM_8Y0QI?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 14.6 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 | `#6e2613` | `oklch(37.40% 0.1061 35.86)` | Moussaka | white, 10.7 to 1 |
| 2 | `#792d16` | `oklch(40.38% 0.1124 37.20)` | Drip Coffee | white, 9.5 to 1 |
| 3 | `#8a3618` | `oklch(44.53% 0.1220 38.87)` | Rogan Josh | white, 8 to 1 |
| 4 | `#9e411b` | `oklch(49.43% 0.1331 40.92)` | Autumn Red | white, 6.5 to 1 |
| 5 | `#b24e1d` | `oklch(54.68% 0.1435 43.40)` | Gold Flame | white, 5.2 to 1 |
| 6 | `#c65d20` | `oklch(59.84% 0.1513 46.37)` | Cinnamon Rufous | black, 4.9 to 1 |
| 7 | `#d66c25` | `oklch(64.52% 0.1544 49.88)` | Christmas Orange | black, 6 to 1 |
| 8 | `#e27e2f` | `oklch(69.17% 0.1514 54.65)` | Blast Burn | black, 7.2 to 1 |
| 9 | `#ee9642` | `oklch(74.90% 0.1431 61.42)` | Physalis | black, 9 to 1 |
| 10 | `#f7b05a` | `oklch(80.77% 0.1315 69.01)` | Duckling | black, 11.2 to 1 |
| 11 | `#fdc673` | `oklch(85.77% 0.1183 76.19)` | Liquid Gold | black, 13.4 to 1 |
| 12 | `#fed488` | `oklch(88.89% 0.1053 81.75)` | Oberon | black, 14.9 to 1 |
| 13 | `#f8d792` | `oklch(89.13% 0.0944 84.46)` | Poached Egg | black, 15.1 to 1 |
| 14 | `#eaca8d` | `oklch(85.32% 0.0867 83.07)` | Honeysuckle Beige | black, 13.3 to 1 |
| 15 | `#d1ae79` | `oklch(76.95% 0.0810 77.47)` | Rye | black, 10 to 1 |
| 16 | `#b0895d` | `oklch(65.58% 0.0764 69.12)` | Clay Ochre | black, 6.5 to 1 |
| 17 | `#8b613f` | `oklch(52.91% 0.0723 59.55)` | Brilliant Oak | white, 5.4 to 1 |
| 18 | `#673e26` | `oklch(40.61% 0.0680 50.32)` | In Caffeine We Trust | white, 9.1 to 1 |
| 19 | `#492313` | `oklch(30.41% 0.0629 42.96)` | Wild Brown | white, 13.7 to 1 |
| 20 | `#341309` | `oklch(23.67% 0.0561 38.82)` | Chocolate Melange | white, 16.8 to 1 |
| 21 | `#240a04` | `oklch(18.71% 0.0454 36.98)` | Severely Burnt Toast | white, 18.7 to 1 |
| 22 | `#160603` | `oklch(15.01% 0.0324 36.62)` | Soy Sauce | white, 19.7 to 1 |
| 23 | `#0d0503` | `oklch(12.61% 0.0197 37.25)` | Liquorice | white, 20.2 to 1 |
| 24 | `#080403` | `oklch(11.59% 0.0100 38.37)` | Pupil | white, 20.3 to 1 |
| 25 | `#070505` | `oklch(11.99% 0.0059 39.51)` | Black Metal | white, 20.3 to 1 |
| 26 | `#0d0806` | `oklch(13.93% 0.0099 40.18)` | Knight Rider | white, 19.9 to 1 |
| 27 | `#1d0f0a` | `oklch(18.67% 0.0247 40.86)` | Scandinavian Liquorice | white, 18.6 to 1 |
| 28 | `#371b10` | `oklch(25.88% 0.0479 41.79)` | Close but No Cigar | white, 15.8 to 1 |
| 29 | `#582a16` | `oklch(34.33% 0.0754 42.83)` | Fudge Brownie | white, 11.9 to 1 |
| 30 | `#7c3919` | `oklch(42.83% 0.1032 43.87)` | Kara Cha Brown | white, 8.5 to 1 |
| 31 | `#9d471a` | `oklch(50.16% 0.1272 44.76)` | Powdered Coffee | white, 6.2 to 1 |
| 32 | `#b35119` | `oklch(55.12% 0.1433 45.37)` | Gold Flame | white, 5.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #6e2613 0.0%, #792d16 3.2%, #8a3618 6.5%, #9e411b 9.7%, #b24e1d 12.9%, #c65d20 16.1%, #d66c25 19.4%, #e27e2f 22.6%, #ee9642 25.8%, #f7b05a 29.0%, #fdc673 32.3%, #fed488 35.5%, #f8d792 38.7%, #eaca8d 41.9%, #d1ae79 45.2%, #b0895d 48.4%, #8b613f 51.6%, #673e26 54.8%, #492313 58.1%, #341309 61.3%, #240a04 64.5%, #160603 67.7%, #0d0503 71.0%, #080403 74.2%, #070505 77.4%, #0d0806 80.6%, #1d0f0a 83.9%, #371b10 87.1%, #582a16 90.3%, #7c3919 93.5%, #9d471a 96.8%, #b35119 100.0%);
background: linear-gradient(135deg in oklch, oklch(37.40% 0.1061 35.86) 0.0%, oklch(40.38% 0.1124 37.20) 3.2%, oklch(44.53% 0.1220 38.87) 6.5%, oklch(49.43% 0.1331 40.92) 9.7%, oklch(54.68% 0.1435 43.40) 12.9%, oklch(59.84% 0.1513 46.37) 16.1%, oklch(64.52% 0.1544 49.88) 19.4%, oklch(69.17% 0.1514 54.65) 22.6%, oklch(74.90% 0.1431 61.42) 25.8%, oklch(80.77% 0.1315 69.01) 29.0%, oklch(85.77% 0.1183 76.19) 32.3%, oklch(88.89% 0.1053 81.75) 35.5%, oklch(89.13% 0.0944 84.46) 38.7%, oklch(85.32% 0.0867 83.07) 41.9%, oklch(76.95% 0.0810 77.47) 45.2%, oklch(65.58% 0.0764 69.12) 48.4%, oklch(52.91% 0.0723 59.55) 51.6%, oklch(40.61% 0.0680 50.32) 54.8%, oklch(30.41% 0.0629 42.96) 58.1%, oklch(23.67% 0.0561 38.82) 61.3%, oklch(18.71% 0.0454 36.98) 64.5%, oklch(15.01% 0.0324 36.62) 67.7%, oklch(12.61% 0.0197 37.25) 71.0%, oklch(11.59% 0.0100 38.37) 74.2%, oklch(11.99% 0.0059 39.51) 77.4%, oklch(13.93% 0.0099 40.18) 80.6%, oklch(18.67% 0.0247 40.86) 83.9%, oklch(25.88% 0.0479 41.79) 87.1%, oklch(34.33% 0.0754 42.83) 90.3%, oklch(42.83% 0.1032 43.87) 93.5%, oklch(50.16% 0.1272 44.76) 96.8%, oklch(55.12% 0.1433 45.37) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.374 | 0.106 | 35.9 |
| 2 | 0.654 | 0.154 | 50.7 |
| 3 | 0.882 | 0.091 | 84.5 |
| 4 | 0.26 | 0.059 | 40.1 |
| 5 | 0.134 | 0.008 | 40.1 |
| 6 | 0.551 | 0.143 | 45.4 |

## In these collections

- [Tortoiseshell colors](https://grabient.com/tortoiseshell-colors)

## Other forms

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