Skip to main content

Value of %, percent of, change, difference

Percentage Calculator

Four modes: what is X% of Y, X is what percent of Y, percent change (increase or decrease), and percent difference. Logic Trace and ratio visualizer; decimal places 0–6. Runs locally.

By Jeff Beem

Updated

Percentage Laboratory

Choose a mode and enter two values. Result and Logic Trace update in real time. Use Value of % for “What is X% of Y?”, % Of for “X is what % of Y?”, Change for increase/decrease, or Difference for symmetric comparison.

%

Formatting

Result

Enter two values

Both fields must be valid numbers.

Ratio visualizer

Waiting for data...

Reading results in each mode

Four mode buttons set the question type. Enter two numbers on the left; on the right the panels stack as Result → ratio visualizer → Logic Trace. Decimal places (0–6, default 2) and optional scientific notation sit under the inputs. Values stay in the fields when you switch modes.

Worked examples (placeholder values)

Value of % → 20% of 100

Mode Value of %; enter 20 and 100 → result 20 (no % suffix — that is the part, not a rate). Logic Trace: (20 ÷ 100) × 100 = 20. Ratio bar shades 20% of the whole (bar width clamps P to 0–100% for display). Optional fractional line and italic summary appear under the result.

% Of → 34 out of 40

Mode % Of; enter 34 and 40 → 85%. Logic Trace: (34 ÷ 40) × 100. Ratio bar shows the part as a fraction of the whole.

Change → $80 to $96

Mode Change; Initial 80, New 96 → heading shows 20.00% Increase (↑) plus “An increase of 16.” Stacked ratio bar: light grey base (80) plus dark growth segment (+16); decrease uses red loss overlay. No italic summary line in this mode — direction is in the main result heading.

Difference → 80 vs 100

Mode Difference; enter 80 and 100 → about 22.22% difference (|80 − 100| ÷ average 90 × 100). Display is always the positive percent; ratio bar is relative to the average.

Percentage Calculator: What is X% of Y, Percent Change & Difference

Four modes with Logic Trace and ratio visualizer: value of a percent, percent of a whole, percent change, and percent difference. Decimal places 0–6. Runs locally in your browser.

What This Calculator Does

This percentage calculator covers four tasks: Value of % (what is X% of Y?), % Of (X is what percent of Y?), Change (percent increase or decrease from an initial to a new value), and Difference (positive percent gap relative to the average of two values). Each mode shows a Logic Trace (formula with your numbers) and a ratio visualizer — a single proportion bar for Value of %, % Of, and Difference; a stacked base-plus-change bar for Change (light grey base, dark growth segment on increase, red loss overlay on decrease). Format with decimal places (0–6, default 2) or the scientific-notation toggle; very large or tiny magnitudes may also display in exponential form automatically. Division by zero is blocked when the whole is 0 (% Of), initial is 0 (Change), or the two values sum to 0 so their average is 0 (Difference). Percent change divides by |Initial|. Value of % ratio bar clamps P to 0–100% for display. All math runs in the browser.

How the Math Works

Quick reference for all four modes:
  • Value of %:
    Result=P100×Whole\text{Result} = \frac{P}{100} \times \text{Whole}
    Example: 15% of 200 = 30.
  • % Of:
    Percent=PartWhole×100\text{Percent} = \frac{\text{Part}}{\text{Whole}} \times 100
    Whole cannot be 0. Example: 30 of 200 = 15%.
  • Change:
    Percent Change=New−Initial∣Initial∣×100\text{Percent Change} = \frac{\text{New} - \text{Initial}}{|\text{Initial}|} \times 100
    Initial cannot be 0. Example: 80 → 96 is +20%.
  • Difference:
    Percent Difference=∣V1−V2∣(V1+V2)/2×100\text{Percent Difference} = \frac{|V_1 - V_2|}{(V_1 + V_2)/2} \times 100
    Result shown as a positive percent. Average 0 is undefined.

How to Use This Calculator

Field reference for the Percentage Laboratory form:
  • Mode buttons:
    Value of %, % Of, Change, Difference — sets labels and formula.
  • First input:
    Percent (Value of %), part (% Of), initial (Change), or value A (Difference).
  • Second input:
    Whole (Value of % / % Of), new amount (Change), or value B (Difference).
  • Result panel:
    Main answer; Change uses ↑/↓ with “Increase/Decrease” and absolute change (no italic summary). Value of % adds a fractional line; Value of %, % Of, and Difference add an italic summary.
  • Ratio visualizer:
    Single bar (Value of %, % Of, Difference) or stacked bar (Change). Value of % bar width uses P clamped to 0–100%.
  • Logic Trace:
    Step-by-step substitution; errors in red when division by zero.

Percent change vs percent difference

Use Change when one value came first — price before and after a sale, salary last year vs this year. The base is the initial amount. Use Difference when neither value is “before” — two lab readings, A/B test arms, or comparing team scores. The base is the average of the two numbers, and the tool reports the absolute percent gap.

Examples: tip, test score, and price change

Tip (Value of %): bill $45, leave 18% → enter 18 and 45 → $8.10. Test score (% Of): 34 of 40 → 85%. Price increase (Change): $80 to $96 → 20% increase; stacked bar shows base $80 and +$16 growth.

Percentage Calculator FAQ

How do I calculate what is X% of Y?

Select Value of %, enter X as the percentage and Y as the whole. Result = (X ÷ 100) × Y. Example: 20 and 100 → 20. The Logic Trace below the result shows the arithmetic; a ratio bar shades X% of the whole.

How do I find what percentage X is of Y?

Select % Of, enter X (part) and Y (whole). Result = (X ÷ Y) × 100. Example: 34 and 40 → 85%. The whole (Y) cannot be zero.

What is the formula for percent change?

Percent change = (New − Initial) ÷ |Initial| × 100. Select Change; enter Initial amount (From) and New amount (To). The result heading shows ↑ or ↓ with “Increase” or “Decrease,” the signed percent, and a line for the absolute change (e.g. “An increase of 16”). Initial cannot be zero.

What is the difference between percent change and percent difference?

Percent change uses the starting value as the base — for before/after (price went from $80 to $96). Percent difference divides by the average of the two values and always displays a positive percent — for comparing two measurements with no “before” (80 vs 100 → about 22.22%). This calculator has both modes.

What is a percentage?

A percentage is a number out of 100. X% means X⁄100. So 20% of 50 = (20⁄100) × 50 = 10. Use the four modes here for “what is X% of Y,” “X is what % of Y,” percent change, and percent difference.

How do I convert a percent to a decimal?

Divide by 100 (move the decimal two places left): 37.5% = 0.375. For a reduced fraction after that, use the fraction calculator Decimal ↔ Fraction tab (0.375 → 3/8).

How do I convert a decimal to a percent?

Multiply by 100 and add the % symbol: 0.08 = 8%. You can also enter the decimal as the “part” in % Of with whole 1 to read it as a percent of 1.

Mathematical Reference Note

Calculation Logic: This tool uses standard mathematical algorithms. While we strive for accuracy, errors in logic or user input can result in incorrect data.

Verification: Results should be cross-checked if used for important academic, professional, or personal calculations.

Standard Terms: This tool is provided free of charge and as-is. CalcRegistry provides no warranty regarding the accuracy or fitness of these results for your specific needs.

© 2026 CalcRegistry Reference Last System Check: July 2026Free Online Utility Tools