Hex Values

Gradient Midpoint Finder

Find a color at any percentage between two stops and copy the matching CSS gradient.

How It Works

The percentage measures the distance from the first stop. Each sRGB channel is interpolated independently and rounded to the nearest byte for the hex result. The CSS explicitly requests sRGB interpolation.

Why It Matters

Use this when a chart or slide needs a solid stop that lines up with a gradient. Halfway between black and white in sRGB gives #808080. A position of 35% places the stop closer to the first color.

Copy the intermediate hex for one fill, or copy the CSS to reproduce the full transition. Include the interpolation space in a design handoff because changing it can change the intermediate colors.