Tint Scales

Method can be one of: rgb, rgb2, hsl, hsv, hsi, hsp, or cmyk. Each will produce a different gradient. rgb modifies each r, g, and b value by the same amount, while rgb2 scales each value evenly.

.scheme('tint',{
  colors: number,   // REQUIRED, number of colors in scheme
  method: string,   // optional, defaults to hsl
  distance: number, // optional, 0-1, defaults to 1, how close to white scheme should reach
  round: boolean    // optional, defaults to true
})

JavaScript

const Color = require('chromaticity-color-utilities')

const scheme1 = Color.from('rgb', [100, 0, 100]).scheme('tint', { colors: 4 })
// [
//   rgb { r: 100, g: 0, b: 100, a: 255, bitDepth: 8, max: 255 },
//   rgb { r: 237, g: 0, b: 237, a: 255, bitDepth: 8, max: 255 },
//   rgb { r: 255, g: 118, b: 255, a: 255, bitDepth: 8, max: 255 },
//   rgb { r: 255, g: 255, b: 255, a: 255, bitDepth: 8, max: 255 }
// ]

const scheme2 = Color.from('rgb', [100, 0, 100]).scheme('tint', {
  colors: 4,
  distance: 0.5,
})
// [
//   rgb { r: 100, g: 0, b: 100, a: 255, bitDepth: 8, max: 255 },
//   rgb { r: 168, g: 0, b: 168, a: 255, bitDepth: 8, max: 255 },
//   rgb { r: 237, g: 0, b: 237, a: 255, bitDepth: 8, max: 255 },
//   rgb { r: 255, g: 50, b: 255, a: 255, bitDepth: 8, max: 255 }
// ]

TypeScript

import Color from 'chromaticity-color-utilities'

const scheme1: Color.rgb[] = Color.from('rgb', [100, 0, 100]).scheme(
  'tint',
  { colors: 4 }
)