Hi, I'm trying to set multiple color changes for the fill of an svg element, and have it repeat infinitely. I've got it repeating infinitely for 2 colors, but I'm not sure how to add more than that and still have it repeat.
What I have currently:
tl.to("#sky", 5, {fill: '#EDCEB9', repeat:-1, yoyo:true, ease: Power0.easeNone}, 0)
I know the yoyo will need to be gone, but what I'd like is to go from the original blue, to #edceb9 to #33474F and then back to the original blue and continue repeating. It would also be nice to control how long each color is up for and how quick to transition between colors.
Thanks for any help!