How do I fix this alpha blend darkness

Questions
,
1

I have a transparent beard with a simple alpha setup on blender.

image
image205×314 10.2 KB

image
image517×355 25.6 KB

When I load it in threeJs and have it over another mesh. For example see below for the beard on a face. The gradient shows dark when over another mesh.

I set receiveShadow and castShadow off with no help and I also noticed that depending on the base skin color (light / dark skin color) the gradient looks a bit different but is still darker.

image
image174×280 48.8 KB

Is there a quick solution or is it a deeper issue (eg: material setup)

2

Tried playing around with the material to no success, any ideas?

3

Not really obvious to me what geometry or materials you have in three.js, I think you’ll need to give more than screenshots if you want help on this one. Would suggest maybe cutting a slice of the .blend and the resulting .glb (assuming you’re bringing this into three.js via glTF exporter?) and sharing both files if possible. Also… does the same issue appear for your model in online glTF viewers?