I am creating a desktop app, and I'm currently implementing animations.
I understand from Material Design Guidelines that I should set the speed for transitions for desktop apps at about 100-250 ms to keep it short. I also understand that the curve used depends on where the object animated is moving to and from.
But I could not find any resources on animating colors when hovering over or pressing an object (e.g. hovering over a button, hover over an item in a navigation drawer, hovering over a back button). In these examples, the color changes from the normal color to a shade or tint of the original.
What is the recommended duration for these kinds of animations (the buttons and objects are generally small)? Currently I am using 25-50ms for these color animations.
What is the recommended easing curve for these kinds of animations? Currently I am debating between EASE_OUT and EASE_BOTH.