# How to use gradient effect in color filed

**URL:** <https://forum.inductiveautomation.com/t/how-to-use-gradient-effect-in-color-filed/30513>\
**Category:** Ignition Early Access\
**Created:** [December 7, 2019, 12:54pm UTC](https://forum.inductiveautomation.com/t/how-to-use-gradient-effect-in-color-filed/30513 "2019-12-07T12:54:40Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [December 7, 2019, 12:54pm UTC](https://forum.inductiveautomation.com/t/how-to-use-gradient-effect-in-color-filed/30513/1 "2019-12-07T12:54:40Z")

</div>

Hello  
I try to import some basic shape woth gradient color effect which is create in inkscape into perspective but the shape doesn’t appear in view.  
Now i try to put css3 gradient command into background image property of an objectm like linear-gradient(0deg, gold 0%, #47A9E600 20%, #47A9E600 70%,grey 100%) and it works.  
But it doesn’t work on color property. I’d like to have gradient effect on my icon shape or my svg shape color.  
what is the method to do this?

---

<div class="post-metadata">

**Author:** ![calimero100582](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/calimero100582/32/18630_2.png) [@calimero100582](https://forum.inductiveautomation.com/u/calimero100582)\
**Post date:** [April 15, 2021, 1:45pm UTC](https://forum.inductiveautomation.com/t/how-to-use-gradient-effect-in-color-filed/30513/2 "2021-04-15T13:45:58Z")

</div>

Have you found a solution to that?

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [April 15, 2021, 2:28pm UTC](https://forum.inductiveautomation.com/t/how-to-use-gradient-effect-in-color-filed/30513/3 "2021-04-15T14:28:43Z")

</div>

There isn’t a way to do it in color, which is why it goes in background-image: [CSS Gradients](https://www.w3schools.com/css/css3_gradients.asp)