Help| HTML button animation

[#1]

I have a question about the HTML canvas.

I want build animation button, when i hover the button, the color from blue to the yellow in 10 frames,

but when i mouseout the button, the yellow button will back to blue in 1 frame,there are not have transition.

How can i make a smooth transition when i mouseout the button, the yellow will change to blue in 10 frames too?

I also upload the effect refrence to the attachment.

[kglad]

use a movieclip button so you can precisely control the transitions with the timeline and code.