Skip to content
Fitness Medium #fuel-mix#rer#metabolism

Fat vs Carb Fuel Mix

Higher intensity tilts fuel mix toward carbohydrate; lower toward fat.

A free, animated fat vs carb fuel mix you can read here or embed on any website, from Scrollchart.

Fat vs Carb Fuel Mix

Fat vs Carb Fuel Mix by IntensityTrained athletes crossover near 62% VO2max vs 50% for untrained; fat oxidation peaks at moderate effort

Stacked area chart of % fat vs % carb oxidation across 0-100% VO2max. A solid sky-blue curve marks the trained-athlete fat-share boundary with fat dominant below and carb dominant above. A dashed line shows the same boundary for untrained athletes. Crossover points are marked at 62% (trained) and 50% (untrained) with dots and vertical callouts. FAT and CARB zone labels sit inside their respective regions. A FATmax callout box identifies the 55-65% VO2max sweet spot.

Good for

  • Endurance coaching content explaining Zone 2 training and FATmax to clients building aerobic base
  • Nutrition articles on fuelling strategy showing why carbohydrate intake matters above 65% VO2max
  • Athlete education explainers on how training shifts the crossover point and expands fat-oxidation capacity

Source & accuracy

This fat vs carb fuel mix is an editorial illustration built to represent the concept accurately. Where it shows figures, they are typical or representative values chosen to make the relationship clear, not a single underlying dataset. The diagram and its explainer are reviewed and maintained centrally, and updated over time as understanding improves.

How intensity shifts the fuel mix

The body draws on both fat and carbohydrate during exercise, and the balance between them shifts with intensity. At low intensities, fat supplies a larger share of energy because there is enough oxygen and time to oxidize it. As intensity rises, the mix tilts toward carbohydrate, which can be broken down faster and yields more energy per liter of oxygen, making it the preferred fuel for hard efforts.

The intensity at which fat oxidation peaks in absolute terms is sometimes called maximal fat oxidation, after which carbohydrate increasingly dominates.

Why this matters for training and fueling

Understanding the crossover helps explain why long, easy sessions rely heavily on fat while race-pace efforts depend on carbohydrate availability, and why carbohydrate intake becomes important for sustained high-intensity work. Training status also raises the ability to oxidize fat at a given intensity.

Individual crossover points vary with fitness, diet, and the activity. This is general educational information about exercise metabolism, not personalized nutrition advice.

Embed this diagram

Add this animated fat vs carb fuel mix to your own site. Copy one line of HTML, or use the embed builder for theme and sizing options.

Reference

What this is
A free, embeddable, animated fat vs carb fuel mix for any website.
Who uses it
Fitness blogs, Nutrition blogs, Coaches & personal trainers, Sports blogs.
How to embed
Copy one line of HTML. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
File size
iframe embed, ~80 KB gzipped (loads on demand, does not block your page paint).
License
Free forever. Editorial explainer text included; updated centrally over time.

Embed format options

Copy the universal HTML snippet, the WordPress shortcode, or an iframe fallback - see the WordPress plugin page for details. Any format keeps the same Core Web Vitals profile and the same explainer text.

Embed snippet
<div data-scrollchart="fat-vs-carb-fuel" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Fat vs Carb Fuel Mix" for my website?
Scrollchart provides "Fat vs Carb Fuel Mix" as a free, embeddable animated diagram you can add to any website with one line of HTML. No signup is required and there is no watermark. The diagram and its explainer text are served from scrollchart.com, so the embed stays current without any maintenance on your end.
How do I embed a fat vs carb fuel mix diagram in a health or wellness blog?
Copy the HTML snippet from the Scrollchart diagram page and paste it into any post or page in your CMS. It works in WordPress, Webflow, Ghost, Substack, and plain HTML without any plugin or account. The diagram renders as animated SVG directly in your page, so search engines can index the accompanying explainer text.