colorNotebook.md

Tab's example

let middleRed = new Color("rgb(100 0 0)");
let middleGreen = new Color("rgb(0 100 0)");
let mixed = middleRed.mix(middleGreen, -.2, {space: "srgb"});
let mixed2 = middleRed.mix(middleGreen, -.2, {space: "srgb-linear"});
let mixed3 = middleRed.mix(middleGreen, -.2, {space: "lch"});

middleRed.hue;
middleGreen.hue;
mixed.hue;
mixed2.hue;
mixed3.hue;

middleRed.deltaE(mixed, "2000");
middleRed.deltaE(mixed2, "2000");
middleRed.deltaE(mixed3, "2000");

// Midpoint is too dark, if mixing in sRGB
middleRed.mix(middleGreen, {space: "srgb"});
// So use linear-light
middleRed.mix(middleGreen, {space: "srgb-linear"});
// or LCH, the default for color-mix()
middleRed.mix(middleGreen, {space: "lch"});