Skip to content

Instantly share code, notes, and snippets.

@LeaVerou
Last active April 1, 2021 16:39
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save LeaVerou/5b36f292d4b86eb0ea7ad37413ba8180 to your computer and use it in GitHub Desktop.
Save LeaVerou/5b36f292d4b86eb0ea7ad37413ba8180 to your computer and use it in GitHub Desktop.

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"});

middleRed.hue;
mixed.hue;

let green = new Color("#0f0");
middleRed.deltaE(green, "2000");
mixed.deltaE(green, "2000");

// Midpoint is also weird (too dark)
middleRed.mix(middleGreen, {space: "srgb"});
middleRed.range(middleGreen, {space: "srgb"});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment