# imageProcessing issue on Color gradient

**URL:** https://forum.babylonjs.com/t/imageprocessing-issue-on-color-gradient/53727
**Category:** Questions
**Tags:** postprocessing
**Created:** [September 25, 2024, 5:16am UTC](https://forum.babylonjs.com/t/imageprocessing-issue-on-color-gradient/53727 "2024-09-25T05:16:36Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![heyefeng229](https://avatars.discourse-cdn.com/v4/letter/h/f04885/32.png) [@heyefeng229](https://forum.babylonjs.com/u/heyefeng229)
#### Post date: [September 25, 2024, 5:16am UTC](https://forum.babylonjs.com/t/imageprocessing-issue-on-color-gradient/53727/1 "2024-09-25T05:16:36Z")

</div>

Hello,when imageProcessingEnabled is turned on by itself, the material rendering effect is normal. However, when other post-processing effects are activated and imageProcessingEnabled is then enabled, areas with gradient colors show noticeable abnormal color transitions. Is there any way to solve this problem?

PG:[https://playground.babylonjs.com/#ZY7ZKU#42](https://playground.babylonjs.com/#ZY7ZKU#42)

---

<div class="post-metadata">

### Author: ![Evgeni\_Popov](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/evgeni_popov/32/4432_2.png) [@Evgeni\_Popov](https://forum.babylonjs.com/u/Evgeni_Popov)
#### Post date: [September 25, 2024, 8:53am UTC](https://forum.babylonjs.com/t/imageprocessing-issue-on-color-gradient/53727/2 "2024-09-25T08:53:55Z")

</div>

I don’t reproduce what you show in the video with the PG you provided?

---

<div class="post-metadata">

### Author: ![heyefeng229](https://avatars.discourse-cdn.com/v4/letter/h/f04885/32.png) [@heyefeng229](https://forum.babylonjs.com/u/heyefeng229)
#### Post date: [September 25, 2024, 9:09am UTC](https://forum.babylonjs.com/t/imageprocessing-issue-on-color-gradient/53727/3 "2024-09-25T09:09:16Z")

</div>

Opening PG (Playground) directly, turning off or on “Enabled imageProcessing”, you can immediately see the color changes in the scene.

 ![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/0/5/05fa3a8a9a216f8789538b75a1fddd49b305c1e8.jpeg)

 ![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/1/f/1f7af291ddac9a9b21556c38ba80efcb9d6eba49.jpeg)

---

<div class="post-metadata">

### Author: ![CrashMaster](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/crashmaster/32/23662_2.png) [@CrashMaster](https://forum.babylonjs.com/u/CrashMaster)
#### Post date: [September 25, 2024, 9:56am UTC](https://forum.babylonjs.com/t/imageprocessing-issue-on-color-gradient/53727/4 "2024-09-25T09:56:42Z")

</div>

increasing the texture precision did not solve the issue on my end [PG](https://playground.babylonjs.com/#ZY7ZKU#44), so I would guess some of your shader code suffers from precision issues.

---

<div class="post-metadata">

### Author: ![Evgeni\_Popov](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/evgeni_popov/32/4432_2.png) [@Evgeni\_Popov](https://forum.babylonjs.com/u/Evgeni_Popov)
#### Post date: [September 25, 2024, 10:33am UTC](https://forum.babylonjs.com/t/imageprocessing-issue-on-color-gradient/53727/5 "2024-09-25T10:33:02Z")

</div>

Ah, I didn’t see the changes becaue my screen was too dark!

@CrashMaster  
You also have to change the texture type of the FXAA post-process:

> **[Babylon.js Playground](https://playground.babylonjs.com/#ZY7ZKU%2345)**
>
> Babylon.js playground is a live editor for Babylon.js WebGL and WebGPU 3D scenes

---

<div class="post-metadata">

### Author: ![CrashMaster](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/crashmaster/32/23662_2.png) [@CrashMaster](https://forum.babylonjs.com/u/CrashMaster)
#### Post date: [September 25, 2024, 10:54am UTC](https://forum.babylonjs.com/t/imageprocessing-issue-on-color-gradient/53727/6 "2024-09-25T10:54:30Z")

</div>

I was this close 🤏 to the solution! I always forget the anti-aliasing!

---

<div class="post-metadata">

### Author: ![heyefeng229](https://avatars.discourse-cdn.com/v4/letter/h/f04885/32.png) [@heyefeng229](https://forum.babylonjs.com/u/heyefeng229)
#### Post date: [September 26, 2024, 3:55am UTC](https://forum.babylonjs.com/t/imageprocessing-issue-on-color-gradient/53727/7 "2024-09-26T03:55:34Z")

</div>

Thank you very much for your help! It’s very useful!

---

<div class="post-metadata">

### Author: ![heyefeng229](https://avatars.discourse-cdn.com/v4/letter/h/f04885/32.png) [@heyefeng229](https://forum.babylonjs.com/u/heyefeng229)
#### Post date: [September 26, 2024, 3:55am UTC](https://forum.babylonjs.com/t/imageprocessing-issue-on-color-gradient/53727/8 "2024-09-26T03:55:43Z")

</div>

Thank you very much for your help!