# Near-black, bronze and champagne medical imaging palette

The Near-black, bronze and champagne medical imaging palette brings together black, dark red, orange, gold, light yellow, 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: `kYCAAZFwzATamQLZOEMcqLCn2CQK`
- Page: https://grabient.com/kYCAAZFwzATamQLZOEMcqLCn2CQK?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 20.2 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 | `#000000` | `oklch(3.15% 0.0000 89.88)` | Black | white, 20.9 to 1 |
| 2 | `#000000` | `oklch(4.61% 0.0032 35.45)` | Black | white, 20.9 to 1 |
| 3 | `#020101` | `oklch(6.52% 0.0073 35.83)` | Binary Black | white, 20.8 to 1 |
| 4 | `#040201` | `oklch(8.83% 0.0123 36.29)` | Armour Wash | white, 20.7 to 1 |
| 5 | `#0a0302` | `oklch(11.47% 0.0182 36.84)` | Pupil | white, 20.4 to 1 |
| 6 | `#130604` | `oklch(14.37% 0.0250 37.47)` | Knight Rider | white, 19.8 to 1 |
| 7 | `#1c0b06` | `oklch(17.47% 0.0328 38.17)` | Balsamico | white, 19 to 1 |
| 8 | `#281009` | `oklch(20.81% 0.0419 38.84)` | Root Brew | white, 17.9 to 1 |
| 9 | `#35160c` | `oklch(24.52% 0.0529 39.34)` | Darkroom | white, 16.4 to 1 |
| 10 | `#441d0f` | `oklch(28.51% 0.0649 39.85)` | Barbecue Sauce | white, 14.6 to 1 |
| 11 | `#552412` | `oklch(32.69% 0.0774 40.61)` | Peaty Brown | white, 12.7 to 1 |
| 12 | `#662d15` | `oklch(36.96% 0.0895 41.81)` | Overbaked | white, 10.8 to 1 |
| 13 | `#763517` | `oklch(41.23% 0.1007 43.68)` | Beer Glazed Bacon | white, 9.1 to 1 |
| 14 | `#873f17` | `oklch(45.48% 0.1108 46.45)` | Dusky Orange | white, 7.6 to 1 |
| 15 | `#984a13` | `oklch(49.93% 0.1217 50.16)` | Oregon | white, 6.3 to 1 |
| 16 | `#a95709` | `oklch(54.50% 0.1325 54.54)` | Tijolo | white, 5.1 to 1 |
| 17 | `#b86500` | `oklch(59.07% 0.1396 59.25)` | Camel Fur | black, 4.9 to 1 |
| 18 | `#c57400` | `oklch(63.51% 0.1436 64.05)` | Dirty Orange | black, 5.9 to 1 |
| 19 | `#d18300` | `oklch(67.72% 0.1480 68.59)` | Copious Caramel | black, 6.9 to 1 |
| 20 | `#dc9100` | `oklch(71.60% 0.1528 72.65)` | Harvest Eve Gold | black, 8.1 to 1 |
| 21 | `#e3a023` | `oklch(75.32% 0.1489 76.70)` | Bilious Brown | black, 9.3 to 1 |
| 22 | `#e8af3f` | `oklch(78.89% 0.1407 80.71)` | Mì Chéng Honey | black, 10.6 to 1 |
| 23 | `#ecbe58` | `oklch(82.26% 0.1300 84.57)` | I’m a Local | black, 12 to 1 |
| 24 | `#efcb70` | `oklch(85.37% 0.1178 88.12)` | Golden Lion | black, 13.4 to 1 |
| 25 | `#f2d685` | `oklch(88.18% 0.1050 91.22)` | Passementerie | black, 14.7 to 1 |
| 26 | `#f4e098` | `oklch(90.61% 0.0926 93.72)` | Lemon Meringue | black, 15.9 to 1 |
| 27 | `#f6e7ab` | `oklch(92.68% 0.0783 95.60)` | Glisten Yellow | black, 16.9 to 1 |
| 28 | `#f8edbe` | `oklch(94.43% 0.0619 96.96)` | Joyful | black, 17.9 to 1 |
| 29 | `#f9f2d0` | `oklch(95.88% 0.0449 97.92)` | Flashpoint | black, 18.6 to 1 |
| 30 | `#faf6e0` | `oklch(97.07% 0.0288 98.60)` | Lemon White | black, 19.3 to 1 |
| 31 | `#fbf9ee` | `oklch(98.04% 0.0152 99.13)` | White Heat | black, 19.8 to 1 |
| 32 | `#fcfbf7` | `oklch(98.82% 0.0055 99.62)` | Cool December | black, 20.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #000000 0.0%, #000000 3.2%, #020101 6.5%, #040201 9.7%, #0a0302 12.9%, #130604 16.1%, #1c0b06 19.4%, #281009 22.6%, #35160c 25.8%, #441d0f 29.0%, #552412 32.3%, #662d15 35.5%, #763517 38.7%, #873f17 41.9%, #984a13 45.2%, #a95709 48.4%, #b86500 51.6%, #c57400 54.8%, #d18300 58.1%, #dc9100 61.3%, #e3a023 64.5%, #e8af3f 67.7%, #ecbe58 71.0%, #efcb70 74.2%, #f2d685 77.4%, #f4e098 80.6%, #f6e7ab 83.9%, #f8edbe 87.1%, #f9f2d0 90.3%, #faf6e0 93.5%, #fbf9ee 96.8%, #fcfbf7 100.0%);
background: linear-gradient(90deg in oklch, oklch(3.15% 0.0000 89.88) 0.0%, oklch(4.61% 0.0032 35.45) 3.2%, oklch(6.52% 0.0073 35.83) 6.5%, oklch(8.83% 0.0123 36.29) 9.7%, oklch(11.47% 0.0182 36.84) 12.9%, oklch(14.37% 0.0250 37.47) 16.1%, oklch(17.47% 0.0328 38.17) 19.4%, oklch(20.81% 0.0419 38.84) 22.6%, oklch(24.52% 0.0529 39.34) 25.8%, oklch(28.51% 0.0649 39.85) 29.0%, oklch(32.69% 0.0774 40.61) 32.3%, oklch(36.96% 0.0895 41.81) 35.5%, oklch(41.23% 0.1007 43.68) 38.7%, oklch(45.48% 0.1108 46.45) 41.9%, oklch(49.93% 0.1217 50.16) 45.2%, oklch(54.50% 0.1325 54.54) 48.4%, oklch(59.07% 0.1396 59.25) 51.6%, oklch(63.51% 0.1436 64.05) 54.8%, oklch(67.72% 0.1480 68.59) 58.1%, oklch(71.60% 0.1528 72.65) 61.3%, oklch(75.32% 0.1489 76.70) 64.5%, oklch(78.89% 0.1407 80.71) 67.7%, oklch(82.26% 0.1300 84.57) 71.0%, oklch(85.37% 0.1178 88.12) 74.2%, oklch(88.18% 0.1050 91.22) 77.4%, oklch(90.61% 0.0926 93.72) 80.6%, oklch(92.68% 0.0783 95.60) 83.9%, oklch(94.43% 0.0619 96.96) 87.1%, oklch(95.88% 0.0449 97.92) 90.3%, oklch(97.07% 0.0288 98.60) 93.5%, oklch(98.04% 0.0152 99.13) 96.8%, oklch(98.82% 0.0055 99.62) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.031 | 0 | 35.2 |
| 2 | 0.181 | 0.034 | 38.3 |
| 3 | 0.429 | 0.105 | 44.7 |
| 4 | 0.701 | 0.154 | 71.1 |
| 5 | 0.902 | 0.095 | 93.3 |
| 6 | 0.988 | 0.006 | 99.6 |

## In these collections

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

## Other forms

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