Skip to content
Music & Production Simple #scales#major#minor

Major and Minor Scale Construction

Whole and half steps stack into the seven-note scales every Western tune draws from.

A free, animated major and minor scale construction you can read here or embed on any website, from Scrollchart.

Major and Minor Scale Construction

Major and Minor Scale ConstructionC major (W-W-H-W-W-W-H) and A natural minor (W-H-W-W-H-W-W) on the same keyboardC Majorall white keysA Minornatural minorCDEFGABCWWHWWWHABCDEFGAWHWWHWWMajor patternW-W-H-W-W-W-H2-2-1-2-2-2-1 semitonesBright, resolved soundI-IV-V all major triadsNatural minorW-H-W-W-H-W-W2-1-2-2-1-2-2 semitonesDark, melancholic soundRelative minor of C majorH = 1 semitoneW = 2 semitonesC major and A minor share all 7 pitches. Only the root changes; they are relative scales.

A piano keyboard with the major-scale step pattern (W-W-H-W-W-W-H) traced over C, and the natural-minor pattern (W-H-W-W-H-W-W) traced over A. Step arrows color-coded: whole steps in accent blue, half steps in purple.

Good for

  • Beginner music theory articles explaining why the major scale sounds bright and the minor scale sounds dark
  • Scale practice guides showing students exactly which piano keys to play for C major and A minor without memorising sharps and flats
  • Songwriting primers explaining the relative major/minor relationship and why C major and A minor share all seven notes

Source & accuracy

This major and minor scale construction 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.

The major scale blueprint

Every major scale follows the same pattern of whole steps (two frets) and half steps (one fret): W-W-H-W-W-W-H. Starting from C, this creates C-D-E-F-G-A-B-C, the notes all white keys on a piano. The major scale is the foundation of Western music because this particular arrangement of intervals is perceived as bright, stable, and resolved.

Any major scale uses the same pattern offset by a different starting note. D major follows the same W-W-H pattern but starts on D, so it uses F-sharp and C-sharp to maintain that spacing. Learning the pattern rather than memorizing every scale in every key is the shortcut to fluency.

Natural minor and its variations

The natural minor scale follows a different pattern: W-H-W-W-H-W-W. Starting from A, this gives A-B-C-D-E-F-G-A, the same notes as C major but starting on the relative minor. This scale sounds introspective and mournful. Harmonic minor raises the 7th degree (creating the A-B-C-D-E-F-G#), which allows a traditional V-i cadence. Melodic minor raises both the 6th and 7th ascending but reverts to natural minor descending.

Most melodies in minor keys blend these flavors rather than sticking to one. A composer might use natural minor for a soft verse, then add the harmonic minor's raised 7th to sharpen the chord progression, or use melodic minor for a rising melody. Understanding all three unlocks the flexibility inherent in minor-key writing.

Embed this diagram

Add this animated major and minor scale construction 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 major and minor scale construction for any website.
Who uses it
Music & audio 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="major-minor-scales" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Major and Minor Scale Construction" for my website?
Scrollchart provides "Major and Minor Scale Construction" 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 major and minor scale construction in WordPress or a static site?
Paste the HTML snippet from the Scrollchart diagram page into your WordPress post (in HTML/code view), your Webflow embed block, or directly into a static HTML file. No plugin is needed. The diagram loads from scrollchart.com and paints in as the reader scrolls.