Algebra Β· made playable

How steep is steep?

Gradient is a single number for steepness β€” how much a line climbs for every step you take across. Grab a line, tilt it, and watch that number wake up.

Start climbing
The whole idea

Steepness, turned into a number.

Stand at the bottom of a ramp. For every one step you walk forward, how far up do you rise? That answer β€” how much it climbs for each step across β€” is the gradient. Bigger number, steeper climb.

You already feel this in your legs. A wheelchair ramp barely lifts you; a steep staircase makes you lean in and breathe harder. Gradient just takes that feeling in your legs and writes it down as one tidy number, so a line, a hill, and a slide can all be compared without ever leaving the page.

Mathematicians also call it the slope. Same thing, two names. By the end of this page you'll read it off a grid, tilt it with your finger, spot it inside y = mx + c, and never again be fooled into thinking a long line must be a steep one.

Get a feel for it

What "steep" actually measures

Steepness is a trade between two things: how far you go across and how far you go up. Picture three journeys that all end at the same height.

On a long, lazy ramp you stroll a long way across before you've risen much β€” gentle. On an ordinary staircase you climb the same height in far less distance across β€” steeper. On a ladder you barely move across at all while shooting straight up β€” steepest of all. Same height gained; wildly different steepness, because the "across" shrank each time.

So whenever someone says "steep," your brain should ask two questions: up by how much, across by how much? Hold those two numbers side by side and you've basically got the gradient β€” we just need the exact recipe for combining them.

There's a sneaky reason this matters. Your eyes are easily fooled by how long a line is, or how big a hill looks from far away. But the up-and-across trade doesn't care about any of that. A toy ramp on your desk and a mountain road can share the exact same steepness, because steepness only asks about the deal between rising and going across β€” never about the overall size. Pinning steepness to those two measurements is what makes it something you can actually calculate instead of just squint at.

Keep this picture: a hill, a ramp, a staircase. Throughout this page, "rise" is how far up, "run" is how far across, and gradient is the deal between them.
The recipe

Rise over run

Here are the two words, pinned down. The rise is how far the line goes up between two points. The run is how far it goes across between those same two points. To turn them into steepness, you divide:

gradient = rise Γ· run

That's the whole formula. It answers, "for each one step across, how much do I rise?" If you run 3 across and rise 6 up, the gradient is 6 Γ· 3 = 2 β€” you climb 2 up for every 1 across. If you run 8 across but only rise 2, the gradient is 2 Γ· 8 = 0.25 β€” barely a fourth of a step up for each step across. Gentle.

Notice the trick the division pulls off: it squeezes both numbers into a single one that always means "per one step across." That's why you can compare a giant hill and a tiny ramp fairly β€” gradient puts them on the same scale. Now let's make one you can actually tilt.

The clever bit

Why divide β€” why not just measure the climb?

Here's a fair question: if you want to know how steep something is, why not just look at how high it goes? Because height alone is a liar. Imagine two paths that both end 6 metres up. One gets there in 6 metres of walking; the other takes a leisurely 60 metres. Same height β€” but one is a wall and the other is a gentle stroll. The height didn't tell you which.

Dividing fixes that. Rise Γ· run turns "how high, and over what distance?" into a single fair rate: height gained per one step across. The first path is 6 Γ· 6 = 1 (steep); the second is 6 Γ· 60 = 0.1 (gentle). Now the numbers honestly match how your legs would feel.

This is the same move you already make with speed. "I travelled 100 km" doesn't tell you how fast you were going β€” you divide by the time to get kilometres per hour. Gradient is exactly that idea, but it's height per step across instead of distance per hour. A rate, not a total. That little "Γ·" is what makes gradient trustworthy.

Try it Β· the main event

Tilt the line, watch the number

Drag the bright dot to swing the line around. Or nudge the sliders with your finger or arrow keys. The right-angled triangle shows the run (across) and the rise (up) being measured, and the readouts do the dividing for you.

drag the bright dot Β· or use the sliders
Rise (up)
3
Run (across)
6
Gradient
0.50
Positive β€” it climbs uphill β†—
3
6

gradient = rise Γ· run = 3 Γ· 6 = 1/2 = 0.50

Play for a minute and a few truths fall out on their own. Make the rise bigger without touching the run and the line tips up sharply β€” gradient grows. Stretch the run wider while the rise stays put and the line flattens β€” gradient shrinks. Push the rise below zero and the line tips the other way. That's not a rule to memorise; it's just what rise Γ· run does.

Try a tiny experiment while you're here: set the rise to 4 and slide the run from 1 up to 8, watching only the gradient number. At a run of 1 the gradient is a steep 4; by a run of 8 it has melted down to 0.5. You didn't change how high the line reaches β€” point B is the same height the whole time β€” yet the steepness collapsed, simply because you gave the climb more room to spread out. That single experiment is the whole secret of gradient in one motion: steepness is a tug-of-war between rise and run, and the run can win.

A real skill

Reading gradient straight off a grid

In class you'll usually meet gradient as a line drawn on squared paper, and the squares are a gift β€” they're your ruler. To read the gradient, pick two points where the line crosses neat corners, then:

1. Count the squares up from the first point to the level of the second β€” that's your rise. 2. Count the squares across β€” that's your run. 3. Divide rise by run. Done.

Say a line passes through the corner at (1, 1) and again at (4, 7). From the first to the second you go up 7 βˆ’ 1 = 6 and across 4 βˆ’ 1 = 3. Gradient = 6 Γ· 3 = 2. Try another: through (0, 5) and (10, 0), you go down 5 and across 10, so the gradient is βˆ’5 Γ· 10 = βˆ’0.5 β€” gentle and heading downhill.

Tip: always count rise and run in the same direction β€” left-to-right is the friendly habit. If the line drops as you go right, the rise is negative, and the gradient comes out negative too. The triangle in the demo above is doing exactly this counting for you.
Three flavours

Uphill, downhill, or flat

Read left to right β€” the way you read a sentence β€” and a line's gradient tells you its mood in one glance:

Positive gradient (uphill β†—). The line rises as you go right, like walking up a hill. Rise and run are both positive, so rise Γ· run is positive. The bigger the number, the steeper the climb.

Negative gradient (downhill β†˜). The line drops as you go right, like a slide. The rise is negative (you're going down), so the gradient is negative. A gradient of βˆ’2 is just as steep as +2 β€” it's simply pointing the other way.

Zero gradient (flat β†’). The line is level β€” no rise at all. Zero Γ· anything = 0, so the gradient is exactly 0. Think of a calm hallway, or the sea on a still day.

Quick check: a line flashes up below. Just from its tilt, is it uphill, downhill, or flat? Tap your answer.

which way does it lean?
Tap uphill, flat, or downhill to start.

Score: 0 right out of 0

The edge case

The straight-up wall

There's one tilt that breaks the recipe: a perfectly vertical line. Tilt the demo line all the way up (the "Make it vertical" button does it) and the run drops to zero. But gradient = rise Γ· run, and dividing by zero isn't allowed β€” there's no number that answers "how much up for each step across" when you take no steps across.

So we say a vertical line's gradient is undefined. It's not zero (that's flat) and it's not "infinity" β€” it simply has no value, because the question stops making sense. In the demo, the readout switches to "undefined" exactly when the run hits 0, which is the program politely refusing to divide by zero rather than printing nonsense.

Memory hook: a flat line has gradient 0 (zero rise); a vertical line has no gradient at all (zero run). Easy to swap them, so anchor it to the run: no run, no gradient.
Where you'll see it next

Gradient lives inside y = mx + c

Every straight line has a tidy equation, and the most famous form is y = mx + c. It looks like a code, but it's two friendly facts wearing letters. The m is the gradient β€” the tilt. The c is the y-intercept β€” the height where the line crosses the up-down axis (it's the "+ c" head start before any tilting happens).

So y = 2x + 1 reads as: "start at height 1, then climb 2 for every 1 across." Change the m and the line tips steeper or gentler; change the c and the whole line slides up or down without changing its tilt. Drag the two sliders and watch each letter do its one job.

m tilts it Β· c slides it
Gradient (m)
2
y-intercept (c)
1
y = 2x + 1
2
1

The little step on the line shows the gradient: go 1 across, rise 2 up. That step is m, every time.

Out in the world

Gradients you've walked, rolled and driven

Gradient isn't trapped in maths books β€” it's poured into concrete and bolted to roadsides. Builders, roofers and road engineers all argue about gradients every day, just using slightly different costumes for the same number.

You'll often see it written as a ratio like "1 in 12" (rise 1 for every 12 across β€” that's a gradient of about 0.08) or as a percentage like "20%" on a road sign (rise 20 for every 100 across β€” a gradient of 0.2). Roofers talk about "pitch," ramp-builders follow strict gentleness rules so wheelchairs can climb them, and ski resorts grade their runs by β€” you guessed it β€” steepness. Tap through a few and feel how the number lines up with the picture.

Those costumes are worth decoding, because once you can, road signs start talking to you. A triangular sign showing "10%" is announcing a gradient of 0.1 β€” the road rises a tenth of a step for every step forward, enough to make a cyclist work and a lorry shift down a gear. A ramp marked "1 in 14" is gentler than one marked "1 in 8", because spreading the same rise over more run always softens the slope. And a roofer who says a roof "rises as much as it runs" is describing a gradient of exactly 1 β€” a steep, dramatic 45-degree pitch. Same single idea, hiding behind a percent sign, a ratio, or a builder's word.

pick something to see its slope
Gradient
0.00
As a ratio
flat
As a percent
0%
A flat path: you barely notice a slope at all.

These figures are rough, everyday ballparks β€” real ramps, roads and slopes vary a lot by where you are and who built them.

Bust the myth

"But the longer line is steeper… right?"

This one trips up almost everyone at first. A line that stretches far across the page looks impressive, so it's tempting to call it the steep one. But length and steepness are completely different questions. Steepness is only ever about the ratio of rise to run β€” not about how far the line travels overall.

Stretch the long blue line below as far as you like with the slider. As it grows, its rise and its run grow together, in lockstep β€” so when you divide, the gradient doesn't budge. Meanwhile the short orange line stays tiny but tilts up much harder, and its gradient stays clearly bigger. Long, but gentle. Short, but steep.

drag the slider β€” does the gradient change?
Long line Β· gradient
0.40
Long line Β· rise Γ· run
2 Γ· 5
Short line Β· gradient
1.40
Longer β‰  steeper: the long line's gradient stays put no matter how far it stretches.
5

The lesson sticks if you keep saying it out loud: gradient is rise per step across, a rate, not a length. A motorway can run for a hundred flat kilometres with a gradient near zero; a climbing wall two metres tall can be a sheer, terrifying near-vertical. Size of the line tells you nothing; the ratio tells you everything.

Carry this with you

Gradient, in three moves.

1

Two questions

How far up (rise), how far across (run) between two points?

2

One division

Gradient = rise Γ· run β€” the climb for every single step across.

3

Read its mood

Positive climbs, negative drops, zero is flat, and straight-up is undefined.