# Gradient material

**URL:** <https://community.cesium.com/t/gradient-material/706>\
**Category:** CesiumJS\
**Created:** [September 10, 2013, 3:33am UTC](https://community.cesium.com/t/gradient-material/706 "2013-09-10T03:33:57Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![chihhaoyu827](https://avatars.discourse-cdn.com/v4/letter/c/0ea827/32.png) [@chihhaoyu827](https://community.cesium.com/u/chihhaoyu827)\
**Post date:** [September 10, 2013, 3:33am UTC](https://community.cesium.com/t/gradient-material/706/1 "2013-09-10T03:33:57Z")

</div>

Hi all,

Has anyone tried to apply a linear gradient to a primitive?

Thank you.

Dave

---

<div class="post-metadata">

**Author:** ![patrick](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/patrick/32/2045_2.png) [@patrick](https://community.cesium.com/u/patrick)\
**Post date:** [September 11, 2013, 3:11pm UTC](https://community.cesium.com/t/gradient-material/706/2 "2013-09-11T15:11:06Z")

</div>

Hi Dave,

I don’t think so, but it should be pretty easy to do with an image (using the Image material) or a [custom material](https://github.com/AnalyticalGraphicsInc/cesium/wiki/Fabric).

Patrick

---

<div class="post-metadata">

**Author:** ![chihhaoyu827](https://avatars.discourse-cdn.com/v4/letter/c/0ea827/32.png) [@chihhaoyu827](https://community.cesium.com/u/chihhaoyu827)\
**Post date:** [September 15, 2013, 10:36pm UTC](https://community.cesium.com/t/gradient-material/706/3 "2013-09-15T22:36:42Z")

</div>

Hi Patrick,

Thank you for pointing this out. Hopefully one day it could support css gradient, could be useful.

Dave
