colorNotebook.md

Mixing in LCH vs. sRGB

let first= new Color("lime");
let second = new Color("color(display-p3 0.8385 0.4296 0.1971)");
let srgb_second = second.to("srgb");
let mix = first.range(second, {
    space: "lab", // interpolation space
    outputSpace: "srgb"
});
mix(.5); // midpoint
let badmix = first.range(second, {
    space: "srgb", // interpolation space
    outputSpace: "srgb"
});
badmix(.5);
let okmix = first.range(second, {
    space: "oklab",
    outputSpace: "srgb"
});
okmix(.5);