Помогите разобраться как работает функция по смене фона квадратов

function createDiv (count, width, height, r1, g1, b1, r2, g2, b2)
 
{
    for(let i=0; i<count; i++)
    {
        let r=(r2-r1)/count*i+r1;
        let g=(g2-g1)/count*i+g1;
        let b=(b2-b1)/count*i+b1;
        document.write("<div style='width:"+width+"px; height:"+height+"px; background: rgb("+r+", "+g+", "+b+"); margin:10px; float:left;'> </div>")                     
    }
}
 
let countDiv=10, widthDiv=110, heightDiv=110;
createDiv(countDiv,widthDiv,heightDiv, 300, 0, 0, 0, 0, 300);

function createDiv (count, width, height, r1, g1, b1, r2, g2, b2)
 
{
    for(let i=0; i<count; i++)
    {
        let r=(r2-r1)/count*i+r1;
        let g=(g2-g1)/count*i+g1;
        let b=(b2-b1)/count*i+b1;
        document.write("<div style='width:"+width+"px; height:"+height+"px; background: rgb("+r+", "+g+", "+b+"); margin:10px; float:left;'> </div>")                     
    }
}
let countDiv=10, widthDiv=110, heightDiv=110;
let startColor="red", endColor="blue";
let r1=0, g1=0, b1=0, r2=0, g2=0, b2=0;
switch(startColor)
{
    case "red":
    case "красный"
    let r1=255, g1=0, b1=0;
    break;
 
    case "green":
    case "зеленый"
    let r1=0, g1=255, b1=0;
    break;
 
    case "blue":
    case "синий"
    let r1=0, g1=0, b1=255;
    break;
}
 
switch(endColor)
{
    case "red":
    case "красный"
    let r2=255, g2=0, b2=0;
    break;
 
    case "green":
    case "зеленый"
    let r2=0, g2=255, b2=0;
    break;
 
    case "blue":
    case "синий"
    let r2=0, g2=0, b2=255;
    break;
}
 
 
createDiv(countDiv, widthDiv, heightDiv, r1, g1, b1, r2, g2, b2);