Skip to main content

Percentage Calculator

Calculate percentages: X% of Y, percentage increase/decrease, and more.

Reviewed by · Last reviewed

What is
% of=
Change
by%
% change from
to=

How to Use the Percentage Calculator

  1. Pick the right row. The panel has three independent rows: "What is X% of Y" for a percentage of a value, "Change" for applying an increase or decrease, and "% change from... to..." for computing the growth or drop between two numbers.
  2. Type numbers into the small inputs. Each input accepts decimals, negative numbers, and scientific notation (1e6), and the result to the right updates the instant you stop typing.
  3. Read both directions at once in the middle row. Enter a base value and a percent, and you will see the "up" (increase, green) and "down" (decrease, red) result side by side, which saves a second calculation for discount-vs-markup problems.
  4. Reset by deleting. There is no clear button; empty the inputs and the result reverts to an em-dash placeholder.
  5. Round mentally. Results show two decimal places; the underlying arithmetic uses full IEEE 754 double precision, so the shown value is rounded from the real answer.

Percentage score mistakes: common errors when calculating a test percentage

Four percentage score mistakes account for almost every wrong answer on a graded paper. First, dividing earned points by 100 instead of by maximum points - a 38/50 quiz reported as 38 percent feels right but the correct calculation is 38 / 50 × 100 = 76 percent. The "What is X% of Y" row will not catch this for you; use "% change from... to..." with old = 0 and new = earned, then scale to your maximum, or simply compute earned / max × 100. Second, confusing percent with percentage points: a class average that moves from 60 percent to 75 percent is 15 percentage points higher and a 25 percent relative gain - both numbers are correct, but they answer different questions. Third, off-by-one rounding at letter-grade boundaries like 89.5 percent between B+ and A-; the underlying division can be 89.4999... or 89.5000..., and a teacher rounding to nearest integer half the time and truncating the other half produces inconsistent grades. Fourth, averaging raw counts across unequal-weight assignments instead of averaging the per-assignment percentages first, which over-weights short quizzes and under-weights the final exam. The calculator does the arithmetic, but you choose the denominator - the most common mistake is picking the wrong one.

What the Calculator Does

Each of the three rows is a three-line closure over parseFloat and a standard algebraic identity. "What is X% of Y" evaluates (X / 100) * Y. The Change row evaluates both Y * (1 + X/100) and Y * (1 - X/100) in parallel, which lets you read markup or discount in one glance. Percentage change evaluates ((new - old) / old) * 100, which is the relative-difference formula used in financial reporting, survey results, and year-over-year analytics.

All three results run in a Preact functional component on the main JavaScript thread, are formatted with .toFixed(2) for display, and never touch the network. Because parseFloat is lenient, strings like $12.50 are parsed as 12.5, but the rest ($, letters) are dropped silently, so sanity-check results if you paste messy values. The calculator does not round for you behind the scenes; decimal output matches what a scientific calculator would show.

Real-World Moments the Tool Helps

  • Shopping a 30-percent-off sale and working out the final price before tax at the register.
  • Adding sales tax at 8.875 percent (New York City) or VAT at 20 percent (UK) to a pre-tax quote.
  • Tipping 18, 20, or 22 percent at a restaurant when the bill is not in round dollars.
  • Computing markup ("I paid $40, I want 35 percent gross margin, what should I charge?").
  • Checking the percentage change in a KPI between last month and this month before posting the team update.
  • Splitting a rent increase of 5.5 percent between three roommates to see the new per-person cost.

Common Percentage Pitfalls

  • Stacked discounts do not add. Two sequential 20-percent-off coupons are not 40 percent off; they yield 0.8 x 0.8 = 0.64, or 36 percent off. Use the Change row twice.
  • Percentage vs. percentage point: going from 10 percent approval to 15 percent is a 5 percentage-point change, but a 50 percent relative increase. News headlines routinely conflate the two.
  • Markup vs. margin: a 50 percent markup on cost is a 33.3 percent margin on selling price. They solve different equations and answer different business questions.
  • Reversing a percent increase is not a symmetric decrease: 100 up 20 percent is 120, but 120 down 20 percent is 96, not 100. Use division (new / 1.2) to undo a markup.
  • Negative bases flip the sign of the answer: a 10 percent increase on -50 is -55, which is smaller in magnitude but larger numerically. Watch for this in finance when comparing losses.
  • Base rate neglect: "50 percent more likely" is unimpressive when the baseline is 0.001 percent. Always check the absolute numbers, not just the ratio.

Spec and Definition: What a Percent Actually Means

A percent is a ratio per one hundred, written with the symbol % (Unicode U+0025) and standardized in ISO 80000-1. The word derives from the Latin per centum. Mathematically, x% equals x / 100, and it carries no unit because numerator and denominator cancel. A percentage point, written "pp", is the arithmetic difference between two percents - interest rates moving from 3 percent to 5 percent rose by 2 percentage points, which is a 66.7 percent relative increase. US retail stacks tax after discount; EU pricing generally shows VAT included. When pollsters report "margin of error", they mean percentage points, not a relative percentage.

When a Dedicated Tool Beats This Calculator

A spreadsheet (Excel, Google Sheets, LibreOffice Calc) is better when you need to chain operations, reference named cells, or audit the formula later. Tools like Wolfram Alpha accept natural-language queries such as "35 percent off 89.99 then add 8.875 percent tax". For retail, a dedicated margin-and-markup calculator that distinguishes the two prevents the classic confusion. A browser percentage tool like this one wins for one-off arithmetic: no app install, no sign-in, instant results. Use it when you need the answer in ten seconds and would rather not open a spreadsheet.

Frequently Asked Questions

What is the difference between a percent and a percentage point?

A percent is a ratio per hundred; a percentage point is the arithmetic distance between two percents. If unemployment rises from 5 percent to 7 percent, that is 2 percentage points up but 40 percent up relatively. News reports that flatten the distinction mislead readers - a "five percent jump" could be either, and the two differ by an order of magnitude at low base rates.

Why do two sequential 20 percent discounts not add up to 40 percent?

Percentages are multiplicative, not additive, when applied in sequence. A 20 percent discount multiplies the price by 0.8; a second 20 percent discount multiplies the already-discounted price by 0.8 again. The net is 0.8 x 0.8 = 0.64, which is a 36 percent total discount. Retailers sometimes advertise "extra 20 percent off already reduced prices" knowing that most customers mentally add the numbers.

How do I reverse a percentage increase?

Divide by <code>1 + p/100</code>, not subtract the same percent. A price of $120 after a 20 percent markup was originally $100 because $120 / 1.2 = $100. Subtracting 20 percent from $120 gives $96, which is wrong. This catches beginners when backing out sales tax from a gross-of-tax price or recovering the pre-discount list price from a receipt.

What is the difference between markup and margin?

Markup is the percent increase from cost to selling price; margin is the percent of the selling price that is profit. A 50 percent markup on a $10 cost gives a $15 price, which has a margin of ($5 / $15) = 33.3 percent. Both describe the same two dollar figures, but each answers a different question: markup is pricing-strategy language, margin is profitability language.

How should I calculate a restaurant tip in a country that does not round tips?

In the US, 18-22 percent pre-tax is the norm for table service; 15 percent is now considered low. In Europe, service is usually included and an extra 5-10 percent is generous. In Japan, tipping is actively unwelcome. Use the Change row with the pre-tax subtotal plus your target percent to get the tip amount, then add to the total. Splitting? Divide the grand total by the number of diners.

Does this calculator round in ways I should know about?

Internal arithmetic uses JavaScript's double-precision <code>Number</code>, but the display calls <code>.toFixed(2)</code>, so results are rounded to two decimals. Chaining copied values loses precision. For accounting, keep the arithmetic in a spreadsheet; this tool targets quick one-off answers.

What is the right formula for percentage change between two values?

Percentage change is <code>((new - old) / old) * 100</code>. The order matters: dividing by the new value gives a different number that is not the standard reporting convention. The sign indicates direction: positive for growth, negative for decline. If the old value is zero, the formula is undefined - you cannot express a percent change from nothing; report "n/a" or describe the new value in absolute terms.

Can a percentage exceed 100 percent?

Yes. A revenue figure that grows from $100 to $300 has increased by 200 percent. A number that more than doubles is over 100 percent growth. Negative percents are also possible - a value that drops from $100 to $40 has changed by -60 percent. The only hard boundary is -100 percent, which represents a complete loss to zero; going lower would require a negative final value.

Does any data leave my browser?

No. Every computation runs inside a Preact component bound to input fields with no network dependency. The values you type never hit our servers, our analytics, or any third party. You can open DevTools, record the Network tab, type into the inputs, and confirm zero requests. Closing the tab forgets the numbers; refreshing the page clears them too.

Why does 10 percent of 100 not always show 10.00?

If the inputs are valid numbers it does. If you pasted a value with a currency symbol or extra whitespace, <code>parseFloat</code> stops at the first non-numeric character: <code>parseFloat("$10")</code> returns 10 but <code>parseFloat("ten")</code> returns NaN, which the tool masks as an em-dash. Clean the input to plain digits plus an optional decimal for deterministic output.

Is there a cap on how large a number I can enter?

JavaScript's <code>Number</code> handles values up to 1.79e308 with 15-17 significant digits, so everything short of cosmological numbers works. For tax brackets, revenue, or household budgets you are nowhere near the limit. For scientific or cryptographic use, switch to arbitrary-precision decimals (Python <code>decimal</code>, Java <code>BigDecimal</code>).

What are the most common percentage score mistakes?

Four mistakes dominate. (1) Dividing earned points by 100 instead of by maximum points, so a 38/50 score reports as 0.38 percent. (2) Treating a change in grade as percentage points when it is a relative percent, or vice versa - going from 60 to 75 is 15 percentage points and a 25 percent relative gain. (3) Off-by-one rounding at boundaries like 89.5 percent between B+ and A-. (4) Averaging raw counts across assignments instead of averaging the per-assignment percentages, which mis-weights small quizzes.

Learn more

More Math & Calculators