Foal Coat Color Calculator

.fcc-container { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; max-width: 800px; margin: 20px auto; padding: 25px; border: 1px solid #e1e1e1; border-radius: 12px; background-color: #fdfdfd; box-shadow: 0 4px 15px rgba(0,0,0,0.05); color: #333; } .fcc-header { text-align: center; margin-bottom: 30px; } .fcc-header h2 { color: #5d4037; margin-bottom: 10px; font-size: 28px; } .fcc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 25px; } .fcc-card { background: #fff; padding: 15px; border: 1px solid #eee; border-radius: 8px; border-top: 4px solid #8d6e63; } .fcc-card h3 { margin-top: 0; color: #5d4037; font-size: 18px; border-bottom: 1px solid #eee; padding-bottom: 10px; } .fcc-group { margin-bottom: 15px; } .fcc-group label { display: block; font-weight: 600; margin-bottom: 5px; font-size: 14px; color: #555; } .fcc-group select { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 5px; background: #fafafa; font-size: 14px; } .fcc-btn { width: 100%; padding: 15px; background-color: #5d4037; color: white; border: none; border-radius: 6px; font-size: 18px; font-weight: bold; cursor: pointer; transition: background 0.3s; } .fcc-btn:hover { background-color: #4e342e; } .fcc-results { margin-top: 30px; padding: 20px; background-color: #f1f8e9; border-radius: 8px; display: none; } .fcc-results h3 { margin-top: 0; color: #2e7d32; } .fcc-result-item { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #e0e0e0; } .fcc-result-item:last-child { border-bottom: none; } .fcc-article { margin-top: 40px; line-height: 1.6; color: #444; } .fcc-article h2 { color: #5d4037; border-left: 5px solid #8d6e63; padding-left: 15px; margin-top: 30px; } .fcc-article p { margin-bottom: 15px; } .fcc-article ul { margin-bottom: 15px; padding-left: 20px; } @media (max-width: 600px) { .fcc-grid { grid-template-columns: 1fr; } }

Foal Coat Color Calculator

Predict the base coat color probability for your future foal based on parental genetics.

Sire (Stallion)

EE (Homozygous Black – Cannot produce Red) Ee (Heterozygous Black – Carries Red) ee (Homozygous Red – Chestnut)
AA (Homozygous Bay – Restricts Black to points) Aa (Heterozygous Bay – Carries Black) aa (Non-Agouti – Allows solid Black)

Dam (Mare)

EE (Homozygous Black – Cannot produce Red) Ee (Heterozygous Black – Carries Red) ee (Homozygous Red – Chestnut)
AA (Homozygous Bay – Restricts Black to points) Aa (Heterozygous Bay – Carries Black) aa (Non-Agouti – Allows solid Black)

Predicted Outcome:

Understanding Horse Coat Color Genetics

The "base" color of every horse is determined primarily by two genes: Extension (E) and Agouti (A). While many other genes create dilutions (like Cream or Dun) and patterns (like Tobiano or Appaloosa), these two control whether a horse is Bay, Black, or Chestnut.

The Extension Gene (E)

This gene controls the production of black pigment.

  • EE or Ee: The horse can produce black pigment. The horse will appear black or bay.
  • ee: The horse cannot produce black pigment in the coat. The horse will be Chestnut (Red).

The Agouti Gene (A)

The Agouti gene acts as a "restrictor." It only affects black pigment, pushing it to the "points" of the horse (mane, tail, and lower legs). It has no visible effect on Chestnut horses because they lack black pigment for Agouti to act upon.

  • AA or Aa: If the horse has black pigment (E), Agouti turns the horse Bay.
  • aa: The black pigment is not restricted, making the horse a solid Black.

Common Examples

Bay + Bay: If both parents are heterozygous (EeAa), they can actually produce a Chestnut foal (25% chance) or a Black foal (approx 18% chance), even though both parents are Bay.

Chestnut + Chestnut: Two Chestnut horses (ee) will always produce a Chestnut foal (100%), as neither parent possesses the dominant "E" allele required for black pigment.

function calculateFoalColor() { var sireE = document.getElementById('sireE').value; var sireA = document.getElementById('sireA').value; var damE = document.getElementById('damE').value; var damA = document.getElementById('damA').value; function getAlleles(genotype) { return [genotype[0], genotype[1]]; } var sE_alleles = getAlleles(sireE); var sA_alleles = getAlleles(sireA); var dE_alleles = getAlleles(damE); var dA_alleles = getAlleles(damA); var combinations = 0; var counts = { 'bay': 0, 'black': 0, 'chestnut': 0 }; // Extension Punnett (4) x Agouti Punnett (4) = 16 possible outcomes for (var i = 0; i < 2; i++) { // Sire E for (var j = 0; j < 2; j++) { // Dam E for (var k = 0; k < 2; k++) { // Sire A for (var l = 0; l 0) { html += '
Bay Probability: ' + bayPerc + '%
'; } if (parseFloat(blackPerc) > 0) { html += '
Black Probability: ' + blackPerc + '%
'; } if (parseFloat(chestnutPerc) > 0) { html += '
Chestnut Probability: ' + chestnutPerc + '%
'; } listDiv.innerHTML = html; }

Leave a Reply

Your email address will not be published. Required fields are marked *