# Colour mixing

**URL:** <https://talk.observablehq.com/t/colour-mixing/7907>\
**Category:** Show and tell\
**Created:** [May 3, 2023, 11:23am UTC](https://talk.observablehq.com/t/colour-mixing/7907 "2023-05-03T11:23:41Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![jwoLondon](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/jwolondon/32/259_2.png) [@jwoLondon](https://talk.observablehq.com/u/jwoLondon)\
**Post date:** [May 3, 2023, 11:23am UTC](https://talk.observablehq.com/t/colour-mixing/7907/1 "2023-05-03T11:23:41Z")

</div>

I often find myself using and creating colour palettes for use in Observable pages. The documentation for various colour schemes and interpolators via D3 is pretty good, but I found less on what the implications are for various colour mixing choices.

So I thought I’d create a page that explores a range of colour mixing approaches suitable for Observable, that variously use [D3](https://observablehq.com/@d3/working-with-color), [spectral.js](https://github.com/rvanwijnen/spectral.js), [mixbox](https://github.com/scrtwpns/mixbox) and [chroma.js](https://github.com/gka/chroma.js) and show how they might be applied.

> **[Hello Colour Mixing](https://observablehq.com/@jwolondon/hello-colour-mixing)**
>
> Blending colours with d3's colour interpolators, spectral.js and mixbox pigment simulator. For data visualization and generative art, it can sometimes be useful to generate colours programmatically that combine a range of specified colours. One way...

Comments or suggestions for improvements welcome.