Generate Color Gradient

gradient.js

generateColor = (start, end, h, row) => {
  const scale = row / h
  const r = Math.round(
    Math.min(255, Math.max(0, start.red + scale * (end.red - start.red)))
  )
  const g = Math.round(
    Math.min(255, Math.max(0, start.green + scale * (end.green - start.green)))
  )
  const b = Math.round(
    Math.min(255, Math.max(0, start.blue + scale * (end.blue - start.blue)))
  )
  return `rgb(${r}, ${g}, ${b})`
}

const primaryColor = {
  red: 232,
  green: 134,
  blue: 60
}

const secondaryColor = {
  red: 23,
  green: 121,
  blue: 195
}

const height = 1000

const gradient = []

for (let i = 0; i < height; i++) {
  gradient.push(generateColor(primaryColor, secondaryColor, height, i))
}

console.log(gradient)