# Make a gradiant color - delay time

**URL:** <https://community.thunkable.com/t/make-a-gradiant-color-delay-time/36135>\
**Category:** Questions about Thunkable X\
**Created:** [July 17, 2018, 1:12am UTC](https://community.thunkable.com/t/make-a-gradiant-color-delay-time/36135 "2018-07-17T01:12:59Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![alfcanova](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/alfcanova/32/20747_2.png) [@alfcanova](https://community.thunkable.com/u/alfcanova)\
**Post date:** [July 17, 2018, 1:12am UTC](https://community.thunkable.com/t/make-a-gradiant-color-delay-time/36135/1 "2018-07-17T01:12:59Z")

</div>

Hi all,  
I want to do a rotating gradient of colors, going from lighter green to darker on a background of a Screen.

The problem is that to change from one color to another I need to introduce a delay, how to make this delay?

thank you

André

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [July 17, 2018, 6:20am UTC](https://community.thunkable.com/t/make-a-gradiant-color-delay-time/36135/2 "2018-07-17T06:20:39Z")

</div>

Hi

To implement the delay, use Timer, but I think that you do not need a delay, since you can set the speed of the timer. Below is an example for displaying Toast (as in Android).

 ![toast](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/3/031ebda82746afd3ce7c253ed23a1fbfa57bc744.png)

Alex

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [July 17, 2018, 6:23am UTC](https://community.thunkable.com/t/make-a-gradiant-color-delay-time/36135/3 "2018-07-17T06:23:30Z")

</div>

Since you work with color, I think that you will be interested in learning about the formats in which you can set the color:

> **[Color Reference · React Native](https://facebook.github.io/react-native/docs/colors)**
>
> Components in React Native are \[styled using JavaScript\](/react-native/docs/style). Color properties usually match how \[CSS works on the web\](https://developer.mozilla.org/en-US/docs/Web/CSS/color\_value).

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 12:01pm UTC](https://community.thunkable.com/t/make-a-gradiant-color-delay-time/36135/4 "2024-11-08T12:01:13Z")

</div>