Utility · Mobile-first

Markup vs margin visualizer

Type cost and markup on cost — see sell price, gross profit and how much of the customer dollar is still your cost vs your profit in a stacked bar. Training wheels for estimators.

Runs in your browserNo signup

Markup vs margin visualizer

Teach moment: 40% markup on cost is only 28.6% margin on the final price — because margin is profit ÷ sell price, not ÷ cost.

Cost
Profit

Bar width = share of sell dollars: $400 cost + $160 profit = $560 sell

Sell price
$560.00
Gross profit
$160.00
Margin on sell
28.57%

Key takeaways

  • One glance bar for sales training.
  • Repeats the margin formula in plain English.
  • Pairs with the existing markup calculator deep link.
  • No charts phone-home.
  • Bookmark for onboarding apprentices.

Who built this

ContractorHQ is edited by Bernard Guido — 25+ years in trade operations and software. These utilities follow the same quality bar as our reviews: fast pages, honest disclosure, and tools that stay useful without selling your data.

Frequently asked questions

Different from the markup calculator?

Same math, but this page stresses the visual and the vocabulary difference young estimators confuse.

Multi-line invoices?

Still use one blended cost line as training, then export logic to your estimating system.

Negative margin?

If markup is below -100% math breaks — the tool hides nonsense outputs.

Discounts off sell price?

Not modeled. Apply discount mentally after you read the bar split.