Why these textures look different in UMG, Viewport and in app.

Hi,
I am new to UE4 and making an AR app.
In the UMG, the image textures I designed look great. Pic 1.

Then I add the elements to a Widget component and in the view port, the opacity of the textures looks less refined. Pic. 2

In the app, not only the opacity is even worse, everything looks gray. Pic. 3

Any ideas what may be causing this?

(I do have a skylight in the level)

Thanks!
D

No answers? Bummer. But I found out why the differences:

  1. The material itself can be set to UI so that it retains high quality.
  2. The texture though un optimized, I made it so that ue4 would not create mipmaps of it.
  3. 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.