Why does the demo have sharp steps in the color?

[donpinkus]

If you look at the demo (https://josephg.com/perlin/3/) you will see distinct step changes in the color.

Why does this occur? How can it be prevented so the colors transition smoothly?

[therealadityashankar]

Notice the user uses HSLA instead of RGBA

hsla is a different color scheme than rgba, (hue,light,saturation,alpha and red, green, blue, alpha)

hsla changes really quickly and i guess the colors last quite long

In case you're wondering, saturation and light are given in percentages (%)

FIX ?: I'm not really sure, you could (maybe) use rgba instead of hsla, and initially change red, then after a certian interval change blue, after a certian interval change green, or something similar.