Chromatic Observatory · gradient
Gradient laboratory for #1D4ED8
A live gradient with perceptual sampling and CSS/SVG output.
Page quality score100/ 100 · index,follow
Calculated data
Coordinates and result
Every output is calculated directly from the input color using full-precision numeric transformations.
Start#1D4ED8
End#7A5A00
Typelinear
Angle135°
SpaceOKLCH · shorter hue
Sample 1#006891 · 6.2:1
Sample 2#006D76 · 6.09:1
Sample 3#00705C · 6.05:1
Sample 4#1C7325 · 5.95:1
Sample 5#5F6600 · 6.2:1
Applied preview
Light, surface and interface
Rangino / 01
Color is living data.
A real preview for surface, text, border and interaction.
Contrast / 02
Dark environment
The active color is always measured for contrast.
Output
Code and tokens
background: linear-gradient(135deg in oklch shorter hue, #1d4ed8, #7a5a00);{
"type": "gradient",
"preset": "complementary",
"input": [
"1d4ed8",
"7a5a00"
],
"result": "00705c",
"colors": [
"1d4ed8",
"006891",
"006d76",
"00705c",
"1c7325",
"5f6600",
"7a5a00"
]
}Frequently asked questions
How is this result calculated?
Every output is calculated directly from the input color using full-precision numeric transformations.
Is the result always accessible?
No. Contrast must be measured against the final background; this page does not claim universal accessibility.