# Problem with Gradient materials

**URL:** <https://forum.babylonjs.com/t/problem-with-gradient-materials/4013>\
**Category:** Bugs\
**Created:** [June 20, 2019, 1:24pm UTC](https://forum.babylonjs.com/t/problem-with-gradient-materials/4013 "2019-06-20T13:24:20Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![ninecurrentscript](https://avatars.discourse-cdn.com/v4/letter/n/34f0e0/32.png) [@ninecurrentscript](https://forum.babylonjs.com/u/ninecurrentscript)\
**Post date:** [June 20, 2019, 1:24pm UTC](https://forum.babylonjs.com/t/problem-with-gradient-materials/4013/1 "2019-06-20T13:24:20Z")

</div>

Hello the playground on the doc of [Gradiant](https://doc.babylonjs.com/extensions/gradient) does not work anymore and when i use it on my project (installing with npm) it does not do what I think I should do.  
 ![44](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/2X/2/28b47fcf04d3af2d3e7c0037e801cf199895556b.jpeg)

---

<div class="post-metadata">

**Author:** ![Deltakosh](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/deltakosh/32/26635_2.png) [@Deltakosh](https://forum.babylonjs.com/u/Deltakosh)\
**Post date:** [June 20, 2019, 3:15pm UTC](https://forum.babylonjs.com/t/problem-with-gradient-materials/4013/2 "2019-06-20T15:15:56Z")

</div>

Hey  
as it works here: [https://www.babylonjs-playground.com/#2IFRKC#63](https://www.babylonjs-playground.com/#2IFRKC#63), I suspect it is a version mismatch in your code. Can you make sure that all babylon.js assets come from the same version?

---

<div class="post-metadata">

**Author:** ![ninecurrentscript](https://avatars.discourse-cdn.com/v4/letter/n/34f0e0/32.png) [@ninecurrentscript](https://forum.babylonjs.com/u/ninecurrentscript)\
**Post date:** [June 21, 2019, 7:19am UTC](https://forum.babylonjs.com/t/problem-with-gradient-materials/4013/3 "2019-06-21T07:19:09Z")

</div>

The versions are all the same

 ![47](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/2X/e/e0a7228f98283fcdfe5360c8c371897dee0be774.png)

and my code seems good to me

 ![52](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/2X/2/2aa22717d82e59a6ad7c50f29d1accd4df24a9d7.png)

---

<div class="post-metadata">

**Author:** ![Deltakosh](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/deltakosh/32/26635_2.png) [@Deltakosh](https://forum.babylonjs.com/u/Deltakosh)\
**Post date:** [June 21, 2019, 2:13pm UTC](https://forum.babylonjs.com/t/problem-with-gradient-materials/4013/4 "2019-06-21T14:13:54Z")

</div>

can you share a running example somewhere?  
Is there any error on the console?

No way to repro it in the playground?

---

<div class="post-metadata">

**Author:** ![ninecurrentscript](https://avatars.discourse-cdn.com/v4/letter/n/34f0e0/32.png) [@ninecurrentscript](https://forum.babylonjs.com/u/ninecurrentscript)\
**Post date:** [June 21, 2019, 3:01pm UTC](https://forum.babylonjs.com/t/problem-with-gradient-materials/4013/5 "2019-06-21T15:01:11Z")

</div>

Ok I found my problem ! it’s because my light is too strong

My bag sorry

---

<div class="post-metadata">

**Author:** ![Deltakosh](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/deltakosh/32/26635_2.png) [@Deltakosh](https://forum.babylonjs.com/u/Deltakosh)\
**Post date:** [June 21, 2019, 3:18pm UTC](https://forum.babylonjs.com/t/problem-with-gradient-materials/4013/6 "2019-06-21T15:18:58Z")

</div>

Lovely!