# Disable color blending between specific objects

**URL:** <https://discourse.threejs.org/t/disable-color-blending-between-specific-objects/13290>\
**Category:** Questions\
**Tags:** transparency\
**Created:** [March 4, 2020, 3:12pm UTC](https://discourse.threejs.org/t/disable-color-blending-between-specific-objects/13290 "2020-03-04T15:12:57Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![rendoir](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/rendoir/32/9485_2.png) [@rendoir](https://discourse.threejs.org/u/rendoir)\
**Post date:** [March 4, 2020, 3:12pm UTC](https://discourse.threejs.org/t/disable-color-blending-between-specific-objects/13290/1 "2020-03-04T15:12:57Z")

</div>

Hi!

I’m not sure what I’m about to ask is at all possible, but:  
How can you disable color blending between a set of objects, while allowing color blending between those objects and others (like the background, for example)?

This question arises from seeing this example:

 ![Example](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/9/9be7b5ce6e188d42b59d9a65112c3258d4a27453.jpeg)

Like the example shown, I want to take a set of 2D shapes rendered with an orthographic camera and, because each bigger shape “contains” the smaller ones, I’ve been using the z coordinate to render them in such a way that the bigger objects are rendered behind smaller ones.

That works. However, I want to disable the color blending as if I wasn’t drawing full objects everytime but instead drawing its increments/decrements like the example above. Additionally, I want each to blend with the existing contents, like the background or the map shown in the example above.

Thank you in advance for any help.

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [March 4, 2020, 4:29pm UTC](https://discourse.threejs.org/t/disable-color-blending-between-specific-objects/13290/2 "2020-03-04T16:29:34Z")

</div>

/cc

> <https://stackoverflow.com/questions/60529256/disable-color-blending-between-specific-objects-in-three-js>

---

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [March 4, 2020, 7:50pm UTC](https://discourse.threejs.org/t/disable-color-blending-between-specific-objects/13290/3 "2020-03-04T19:50:24Z")

</div>

Maybe makes sense to use `THREE.Shape()`, where previous/inner shape is a hole for the current one?