# Near-black, orange and champagne medical imaging palette

The Near-black, orange and champagne medical imaging palette brings together black, dark red, orange, light orange, and off-white. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is black, and its lightest tone is off-white.

- Also called: Black, brown, orange and white linear gradient
- Seed: `kaDwAZHpQ_zqvQJUNsIZKTBvAQwR8g0Dg`
- Page: https://grabient.com/kaDwAZHpQ_zqvQJUNsIZKTBvAQwR8g0Dg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 19.7 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 | `#010101` | `oklch(5.91% 0.0000 89.88)` | Binary Black | white, 20.9 to 1 |
| 2 | `#030201` | `oklch(8.21% 0.0069 34.92)` | Armour Wash | white, 20.7 to 1 |
| 3 | `#0a0302` | `oklch(11.42% 0.0164 34.53)` | Pupil | white, 20.4 to 1 |
| 4 | `#160705` | `oklch(15.22% 0.0278 34.15)` | Asphalt | white, 19.6 to 1 |
| 5 | `#240d08` | `oklch(19.30% 0.0403 33.93)` | Severely Burnt Toast | white, 18.5 to 1 |
| 6 | `#32130c` | `oklch(23.36% 0.0530 34.04)` | Darkroom | white, 16.9 to 1 |
| 7 | `#42190f` | `oklch(27.37% 0.0666 34.45)` | Old Study | white, 15.2 to 1 |
| 8 | `#541f12` | `oklch(31.63% 0.0823 34.99)` | Peaty Brown | white, 13.2 to 1 |
| 9 | `#672514` | `oklch(36.02% 0.0985 35.78)` | Brown Moelleux | white, 11.3 to 1 |
| 10 | `#7a2c15` | `oklch(40.42% 0.1137 36.96)` | Drip Coffee | white, 9.5 to 1 |
| 11 | `#8c3516` | `oklch(44.69% 0.1262 38.67)` | Rogan Josh | white, 7.9 to 1 |
| 12 | `#9c3e16` | `oklch(48.80% 0.1353 41.10)` | Hot Brown | white, 6.7 to 1 |
| 13 | `#ac4a14` | `oklch(52.94% 0.1426 44.35)` | Funky Monkey | white, 5.6 to 1 |
| 14 | `#ba5612` | `oklch(57.00% 0.1480 48.09)` | Bloodhound | white, 4.7 to 1 |
| 15 | `#c76311` | `oklch(60.89% 0.1509 51.98)` | Kvass | black, 5.2 to 1 |
| 16 | `#d17117` | `oklch(64.49% 0.1512 55.68)` | Autumn Maple | black, 6 to 1 |
| 17 | `#d97d23` | `oklch(67.70% 0.1482 58.93)` | Orange Pepper | black, 6.9 to 1 |
| 18 | `#dd8a33` | `oklch(70.55% 0.1411 62.03)` | Status Bronze | black, 7.7 to 1 |
| 19 | `#e09545` | `oklch(73.12% 0.1311 65.03)` | Yellow Sumac | black, 8.5 to 1 |
| 20 | `#e1a056` | `oklch(75.48% 0.1195 67.87)` | Apple Crisp | black, 9.3 to 1 |
| 21 | `#e2aa66` | `oklch(77.70% 0.1078 70.52)` | Earth Yellow | black, 10.2 to 1 |
| 22 | `#e4b475` | `oklch(79.83% 0.0972 72.91)` | Pyramid Gold | black, 11 to 1 |
| 23 | `#e4bc84` | `oklch(81.73% 0.0863 75.00)` | Bag of Gold | black, 11.8 to 1 |
| 24 | `#e5c392` | `oklch(83.45% 0.0751 76.86)` | Ripe Wheat | black, 12.5 to 1 |
| 25 | `#e5ca9f` | `oklch(85.08% 0.0639 78.57)` | Biltmore Buff | black, 13.2 to 1 |
| 26 | `#e6d0ac` | `oklch(86.73% 0.0534 80.24)` | Durian White | black, 14 to 1 |
| 27 | `#e8d7b9` | `oklch(88.50% 0.0440 81.95)` | Drumskin | black, 14.8 to 1 |
| 28 | `#ebdec6` | `oklch(90.55% 0.0351 83.80)` | Nobility | black, 15.8 to 1 |
| 29 | `#efe6d3` | `oklch(92.76% 0.0267 85.70)` | Grow | black, 16.9 to 1 |
| 30 | `#f4eee0` | `oklch(94.90% 0.0191 87.50)` | Béchamel | black, 18 to 1 |
| 31 | `#f8f4eb` | `oklch(96.73% 0.0129 89.02)` | Icy Tundra | black, 19.1 to 1 |
| 32 | `#fbf8f2` | `oklch(98.03% 0.0083 90.11)` | Milk Jug | black, 19.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #010101 0.0%, #030201 3.2%, #0a0302 6.5%, #160705 9.7%, #240d08 12.9%, #32130c 16.1%, #42190f 19.4%, #541f12 22.6%, #672514 25.8%, #7a2c15 29.0%, #8c3516 32.3%, #9c3e16 35.5%, #ac4a14 38.7%, #ba5612 41.9%, #c76311 45.2%, #d17117 48.4%, #d97d23 51.6%, #dd8a33 54.8%, #e09545 58.1%, #e1a056 61.3%, #e2aa66 64.5%, #e4b475 67.7%, #e4bc84 71.0%, #e5c392 74.2%, #e5ca9f 77.4%, #e6d0ac 80.6%, #e8d7b9 83.9%, #ebdec6 87.1%, #efe6d3 90.3%, #f4eee0 93.5%, #f8f4eb 96.8%, #fbf8f2 100.0%);
background: linear-gradient(135deg in oklch, oklch(5.91% 0.0000 89.88) 0.0%, oklch(8.21% 0.0069 34.92) 3.2%, oklch(11.42% 0.0164 34.53) 6.5%, oklch(15.22% 0.0278 34.15) 9.7%, oklch(19.30% 0.0403 33.93) 12.9%, oklch(23.36% 0.0530 34.04) 16.1%, oklch(27.37% 0.0666 34.45) 19.4%, oklch(31.63% 0.0823 34.99) 22.6%, oklch(36.02% 0.0985 35.78) 25.8%, oklch(40.42% 0.1137 36.96) 29.0%, oklch(44.69% 0.1262 38.67) 32.3%, oklch(48.80% 0.1353 41.10) 35.5%, oklch(52.94% 0.1426 44.35) 38.7%, oklch(57.00% 0.1480 48.09) 41.9%, oklch(60.89% 0.1509 51.98) 45.2%, oklch(64.49% 0.1512 55.68) 48.4%, oklch(67.70% 0.1482 58.93) 51.6%, oklch(70.55% 0.1411 62.03) 54.8%, oklch(73.12% 0.1311 65.03) 58.1%, oklch(75.48% 0.1195 67.87) 61.3%, oklch(77.70% 0.1078 70.52) 64.5%, oklch(79.83% 0.0972 72.91) 67.7%, oklch(81.73% 0.0863 75.00) 71.0%, oklch(83.45% 0.0751 76.86) 74.2%, oklch(85.08% 0.0639 78.57) 77.4%, oklch(86.73% 0.0534 80.24) 80.6%, oklch(88.50% 0.0440 81.95) 83.9%, oklch(90.55% 0.0351 83.80) 87.1%, oklch(92.76% 0.0267 85.70) 90.3%, oklch(94.90% 0.0191 87.50) 93.5%, oklch(96.73% 0.0129 89.02) 96.8%, oklch(98.03% 0.0083 90.11) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.059 | 0 | 35.2 |
| 2 | 0.24 | 0.055 | 34.1 |
| 3 | 0.461 | 0.13 | 39.4 |
| 4 | 0.661 | 0.15 | 57.3 |
| 5 | 0.791 | 0.101 | 72.1 |
| 6 | 0.882 | 0.045 | 81.7 |
| 7 | 0.98 | 0.008 | 90.1 |

## In these collections

- [Medical imaging gradients](https://grabient.com/medical-imaging-gradients)

## Other forms

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