Example of Interpolated Color

1. Automate Community
2. Tutorials & Examples

This flow shows how to use color interpolation in the notification based on percentage when defining multiple colors. Rather than sudden change in color, this flow shows how to smoothen the color between the two (interpolate).

The color interpolation logic uses HSV color format and will use the shortest hue path between 2 colors. You can add more color in the array but as an encoded 32-bit ARGB color number (you can get it from Color pick block) and not as HSV color format.

In this example, the first and the last color will have its own (non-interpolated) color for some percentage range. Color in the middle will always be interpolated. You can modify the first four blocks after the flow beginning block, this also includes options to change the range, not based on percentage but real numbers with its own increments. As a bonus there are also options for the dynamic icon that can change.

Version 2:
- Simplified color index selection without loop.