ClampCalc
Build a clamp

Padding and gaps use the same line

Calculate a fluid spacing clamp()

Map a small-screen spacing value to a large-screen value and copy the raw clamp token for padding, margin or gap after project review.

Local CSS calculation

Viewport and value endpoints

Values stay on this device
Viewport widths
px
px
Desired values at those widths
px
px
px
Output units

Ascending linear scales only. Use the copied token only after reviewing real content, zoom, root settings and layout.

Rounded CSS evidence

Generated clamp

rem · 6
Raw clamp valueclamp(1rem, 0.909091rem + 0.454545vw, 1.25rem)
Font-size declarationfont-size: clamp(1rem, 0.909091rem + 0.454545vw, 1.25rem);
Custom property--fluid-size: clamp(1rem, 0.909091rem + 0.454545vw, 1.25rem);

Preview the copied coefficients

17.999998px

Fluid design should stay readable at every width.

Formula evidence

Exact slope
0.0045454545 px/px
Exact intercept
14.54545455px
Copied CSS at small endpoint
16px · Δ 0px
Copied CSS at large endpoint
19.999996px · Δ -0.000004px

Endpoint deltas compare your requested px values with the rounded serialized formula. ClampCalc does not choose suitable design values or prove accessibility.