No answers? Bummer. But I found out why the differences:
The material itself can be set to UI so that it retains high quality.
The texture though un optimized, I made it so that ue4 would not create mipmaps of it.
The grayed out was the most obscure. I somehow unchecked the “Enabled when Inherited”. Somehow this option grays out the Widget Component so that everything looks gray.
Now the gradients look a bit better and there is color.
If anyone else has additional comments I would be glad to read them.