Tile Grout and Adhesive Quantity Calculator

ANA›Life Services Authority›National Calculator Authority›Tile Grout and Adhesive Quantity Calculator

.calc-container { max-width: 640px; margin: 2rem 0; padding: 1.5rem; background: #fff; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); font-family: system-ui, -apple-system, sans-serif; } .calc-container h3 { font-family: Georgia, serif; font-size: 1.15rem; color: #1a1a1a; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 2px solid var(--ac, #3d5a80); } .calc-row { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem; flex-wrap: wrap; } .calc-row label { min-width: 160px; font-size: 0.9rem; color: #333; font-weight: 500; } .calc-row input[type="number"], .calc-row select { flex: 1; min-width: 120px; max-width: 200px; padding: 0.5rem 0.6rem; border: 1px solid #ccc; border-radius: 4px; font-size: 0.9rem; font-family: system-ui, sans-serif; color: #1a1a1a; background: #fafaf8; } .calc-row input:focus, .calc-row select:focus { outline: none; border-color: var(--ac, #3d5a80); box-shadow: 0 0 0 2px rgba(26,74,138,0.12); } .calc-row .unit { font-size: 0.82rem; color: #888; min-width: 30px; } .calc-btn { display: inline-block; margin-top: 0.5rem; padding: 0.55rem 1.5rem; background: var(--ac, #3d5a80); color: #fff; border: none; border-radius: 4px; font-size: 0.9rem; font-weight: 600; cursor: pointer; font-family: system-ui, sans-serif; } .calc-btn:hover { opacity: 0.9; } .calc-result { margin-top: 1.25rem; padding: 1rem 1.25rem; background: #f0f6fc; border-left: 3px solid var(--ac, #3d5a80); border-radius: 0 6px 6px 0; display: none; } .calc-result.visible { display: block; } .calc-result-label { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.06em; color: #666; margin-bottom: 0.25rem; } .calc-result-value { font-size: 1.6rem; font-weight: 700; color: var(--ac, #3d5a80); } .calc-result-detail { font-size: 0.85rem; color: #555; margin-top: 0.5rem; line-height: 1.5; } .calc-note { margin-top: 1rem; font-size: 0.8rem; color: #888; font-style: italic; } .calc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; margin-top: 0.75rem; } .calc-grid-item { padding: 0.6rem 0.8rem; background: #f8f9fa; border-radius: 4px; border: 1px solid #eee; } .calc-grid-item .label { font-size: 0.75rem; color: #888; text-transform: uppercase; letter-spacing: 0.04em; } .calc-grid-item .value { font-size: 1.1rem; font-weight: 600; color: #1a1a1a; } @media (max-width: 720px) { .calc-row { flex-direction: column; align-items: flex-start; gap: 0.3rem; } .calc-row label { min-width: auto; } .calc-row input[type="number"], .calc-row select { max-width: 100%; width: 100%; } .calc-grid { grid-template-columns: 1fr; } } .calc-chart { margin: 1rem 0; text-align: center; } .calc-chart svg { max-width: 100%; height: auto; } .calc-chart-legend { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.6rem 1.2rem; margin-top: 0.6rem; font-size: 0.8rem; color: #555; } .calc-chart-legend span { display: inline-flex; align-items: center; gap: 0.3rem; } .calc-chart-legend i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; font-style: normal; } .calc-related { max-width: 640px; margin: 2rem 0 1rem; padding: 1.25rem 1.5rem; background: #f8f9fa; border: 1px solid #e8e8e8; border-radius: 8px; } .calc-related h3 { font-family: Georgia, serif; font-size: 1rem; color: #1a1a1a; margin: 0 0 0.75rem; padding-bottom: 0.4rem; border-bottom: 2px solid var(--ac, #3d5a80); } .calc-related-list { list-style: none; padding: 0; margin: 0 0 0.75rem; display: grid; grid-template-columns: 1fr 1fr; gap: 0.4rem 1.5rem; } .calc-related-list li a { font-size: 0.88rem; color: var(--ac, #3d5a80); text-decoration: none; } .calc-related-list li a:hover { text-decoration: underline; } .calc-browse-all { margin: 0.5rem 0 0; font-size: 0.9rem; font-weight: 600; } .calc-browse-all a { color: var(--ac, #3d5a80); text-decoration: none; } .calc-browse-all a:hover { text-decoration: underline; } @media (max-width: 720px) { .calc-related-list { grid-template-columns: 1fr; } }

Tile Grout and Adhesive Quantity Calculator

Calculate the quantity of grout and adhesive required for your tiling project based on the area to be tiled, tile dimensions, joint width, and tile thickness.

Total Area to Tile (m²)

Tile Length (mm)

Tile Width (mm)

Tile Thickness (mm)

Grout Joint Width (mm)

Grout Bulk Density (kg/L) (typically 1.5–1.8)

Adhesive Bed Thickness (mm)

Adhesive Density (kg/L) (typically 1.3–1.7)

Wastage / Overage (%)

Calculate

function tilCalc() { var resultDiv = document.getElementById('til-result');

var area = parseFloat(document.getElementById('til-area').value); var tileL = parseFloat(document.getElementById('til-tile-length').value); var tileW = parseFloat(document.getElementById('til-tile-width').value); var tileT = parseFloat(document.getElementById('til-tile-thickness').value); var jointW = parseFloat(document.getElementById('til-joint-width').value); var groutDensity = parseFloat(document.getElementById('til-grout-density').value); var adhThickness = parseFloat(document.getElementById('til-adhesive-thickness').value); var adhDensity = parseFloat(document.getElementById('til-adhesive-density').value); var wastage = parseFloat(document.getElementById('til-wastage').value);

// --- Validation --- var errors = []; if (isNaN(area) || area = tileL) errors.push("Grout joint width must be smaller than tile length."); if (!isNaN(jointW) && jointW >= tileW) errors.push("Grout joint width must be smaller than tile width.");

if (errors.length > 0) { resultDiv.style.display = 'block'; resultDiv.innerHTML = 'Please fix the following:' + errors.map(function(e){ return ''; }).join('') + ''; return; }

// --------------------------------------------------------------- // GROUT QUANTITY // Formula (ANSI A108 / industry standard): // Grout (kg/m²) = [ (L + W) / (L × W) ] × J × T × D // // Where: // L = tile length (mm) // W = tile width (mm) // J = joint width (mm) // T = tile thickness (mm) // D = grout bulk density (kg/L = kg/dm³) // // The factor (L+W)/(L×W) gives total joint length per mm² of tiled surface. // Multiplying by J×T gives joint volume in mm³ per mm² = mm. // Converting mm³/mm² to L/m²: × (1 m² / 1,000,000 mm²) × (1,000,000 mm³ / 1 L) = ×1 // So volume (L/m²) = [(L+W)/(L×W)] × J × T (units work out when L,W,J,T all in mm) // Then mass (kg/m²) = volume × density // --------------------------------------------------------------- var groutVolumePerM2 = ((tileL + tileW) / (tileL * tileW)) * jointW * tileT; // groutVolumePerM2 is in mm³/mm² = mm → convert to L/m²: // 1 mm × 1 m² = 1 mm × 1,000,000 mm² = 1,000,000 mm³ = 1 L // So the numeric value is already in L/m² when inputs are in mm. ✓ var groutKgPerM2 = groutVolumePerM2 * groutDensity;

// --------------------------------------------------------------- // ADHESIVE QUANTITY // Formula: // Adhesive volume (L/m²) = adhesive bed thickness (mm) × 1 m² expressed in mm² // / 1,000,000 mm³ per L × 1,000,000 // = adhThickness (mm) × 1 [same unit cancellation as above] // Adhesive mass (kg/m²) = volume (L/m²) × density (kg/L) // // Note: notched-trowel coverage is ~65–75% of full bed; we use a // coverage factor of 0.70 (standard notched trowel assumption). // --------------------------------------------------------------- var coverageFactor = 0.70; var adhVolumePerM2 = adhThickness * coverageFactor; // L/m² var adhKgPerM2 = adhVolumePerM2 * adhDensity;

// --------------------------------------------------------------- // TOTALS with wastage // --------------------------------------------------------------- var wasteFactor = 1 + wastage / 100;

var groutTotalKg = groutKgPerM2 * area * wasteFactor; var adhTotalKg = adhKgPerM2 * area * wasteFactor;

// Number of tiles var tileSizeM2 = (tileL / 1000) * (tileW / 1000); var numTiles = Math.ceil(area / tileSizeM2 * wasteFactor);

// Bags (common bag sizes) var groutBag5kg = Math.ceil(groutTotalKg / 5); var groutBag2kg = Math.ceil(groutTotalKg / 2); var adhBag20kg = Math.ceil(adhTotalKg / 20); var adhBag5kg = Math.ceil(adhTotalKg / 5);

function fmt(n, d) { return n.toFixed(d !== undefined ? d : 2); }

resultDiv.style.display = 'block'; resultDiv.innerHTML = '### Results ' + '' + 'ParameterValue' + 'Total Area (incl. ' + fmt(wastage,0) + '% wastage)' + fmt(area * wasteFactor, 2) + ' m²' + 'Estimated Tiles Required' + numTiles + ' tiles' + 'Grout' + 'Grout per m²' + fmt(groutKgPerM2, 3) + ' kg/m²' + 'Total Grout Required' + fmt(groutTotalKg, 2) + ' kg' + 'Bags needed (5 kg bags)' + groutBag5kg + ' bags' + 'Bags needed (2 kg bags)' + groutBag2kg + ' bags' + 'Adhesive' + 'Adhesive per m² (70% coverage)' + fmt(adhKgPerM2, 3) + ' kg/m²' + 'Total Adhesive Required' + fmt(adhTotalKg, 2) + ' kg' + 'Bags needed (20 kg bags)' + adhBag20kg + ' bags' + 'Bags needed (5 kg bags)' + adhBag5kg + ' bags' + ''; }

#### Formulas Used

Grout quantity (kg/m²):

Grout Volume (L/m²) = [(L + W) / (L × W)] × J × T

Grout Mass (kg/m²) = Grout Volume × Grout Bulk Density

Where: L = Tile length (mm) W = Tile width (mm) J = Grout joint width (mm) T = Tile thickness (mm)

The factor (L + W) / (L × W) represents the total joint perimeter length per unit area of tiled surface. Multiplying by joint width J and tile thickness T gives the joint volume. The unit algebra resolves to L/m² when all linear dimensions are in mm.

Adhesive quantity (kg/m²):

Adhesive Volume (L/m²) = Bed Thickness (mm) × Coverage Factor (0.70)

Adhesive Mass (kg/m²) = Adhesive Volume × Adhesive Density

Coverage Factor = 0.70 (standard notched-trowel application ≈ 70% solid contact)

Total quantities with wastage:

Total (kg) = Rate (kg/m²) × Area (m²) × (1 + Wastage% / 100)

#### Assumptions & References

More Calculators

Read Next

Study Time Planner ANA › Life Services Authority › National Calculator Authority › Study Time Planner .calc-container { max-width: 640px; margin:...

References

Related Authorities

Life Services Authority › Professional Services Authority › Trade Services Authority › United States Authority ›