Two Gradients in One Div Css

<html>
<head>
<style>

body{font-family: Arial, Helvetica, sans-serif;}

.divBg {
  background-image: linear-gradient(#cc0000, #cc0000),linear-gradient(#dedede, #999999); /*layer order = top, 2nd, 3rd etc,,,*/
  background-size: 100% 3px, 100% 100%; /*width height*/
  background-position: bottom left, top left;
  background-repeat: no-repeat, no-repeat;
  padding:1em;
}
</style>
</head>
<body>

<div class="divBg">
  Some Text
</div>

</body>
</html>