I’m engaged on a Laravel app and I’m constructing some emails. I’m attempting to create desk with tr components which have a gradient background and it really works appropriately in Gmail and Apple Webmail. Nevertheless, on iOS in Apple Mail it’s as if I’ve added a separate gradient to every of the tr‘s youngsters tds. Listed here are some screenshots of the proper approach I would like it in Gmail and the way it’s on iOS:
Gmail (ignore the fading textual content within the background that could be a drawback with my screenshot software): 
iOS: 
Right here is my CSS for the tr:
border-bottom: 1px strong rgba(0, 0, 0, 0.29);
background: rgba(243,175,0,.2);
background: linear-gradient(90deg, rgba(223,167,20,0.3) 0.06%, rgba(223, 167, 20, 0.00) 31.41%, rgba(223, 167, 20, 0.00) 67.6%, rgba(223,167,20,0.3) 96.57%);
mix-blend-mode: multiply;
cannot discover any data on the topic in Google. In keeping with caniemail gradients are supported on ios. Any concepts?
