gatsby-theme-wordpress-mdx/src/helpers/color-range.js

<p align="center"> <img width='200px' alt="Gatsby Theme" src="https://raw.githubusercontent.com/artezan/gatsby-theme-wordpress-mdx/master/%40artezan/gatsby-theme-wordpress-mdx/dn.png" />

import { scaleLinear } from '@vx/scale'

export const colorRange = (a, b, amount) => {
  const colors = []
  const scale = scaleLinear({
    range: [a, b],
    domain: [1, amount]
  })

  for (let i = 0; i < amount; i++) {
    colors.push(scale(i))
  }

  return colors
}