UMG Stylization

Full documentation page:

What I was instructed to do (What I want on the right):

How do I get that smooth transition from X color to Y color as shown in this image? ^

My Material: https://i.gyazo.com/352d9897238e07ba99ce0bf40e7b8d60.png

My Event Graph: https://i.gyazo.com/bb4427ac6e9b555b9a7ba7b0da2c5bc9.png

My Canvas: https://i.gyazo.com/86d2445e5a48edf29af4bdb5a0bedd5e.png

What it looks like ingame at 75%: https://i.gyazo.com/abd0f645c5c20da9710839a4bc7f80ae.png

How do I get that smooth transition from X color to Y color as shown in this image?

Also, I didn’t see the checkbox for “Used with UI” in 4.10; but when I tried to hook up my material as an image in UMG it changed the Material Domain from Surface to User Interface.