Randomly generate angle and 2 set of colors for gradient background.

gradientGenerator.js

/*
  Examples:
  gradientGenerator() = { angle: 128, colorOne: "#e29482", colorTwo: "#c98d47" }
*/

const gradientGenerator = () => {
  const hexValues = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e'];

  const generateGradient = (color) => {
    for (let i = 0; i < 6; i++) {
      const x = Math.round(Math.random() * 14);
      const y = hexValues[x];
      color += y;
    }
    return color;
  }

  const angle = Math.round(Math.random() * 360);
  const colorOne = generateGradient('#');
  const colorTwo = generateGradient('#');

  return { angle, colorOne, colorTwo }
}