https://developer.mozilla.org/ja/docs/Web/Guide/CSS/Using_CSS_gradients
だから、background-colorで指定しても効かず、background-imageで指定してやると効く。
<html> <body> <div style="width:100px; height:100px; background-image:linear-gradient(to bottom, #DDDDFF, #FFFFFF);"> test </div>