title: HR with two colors
body: <p>I'm trying to make an hr with two colors on it, one dark red on the bottom and one orange on the top. An image is attached that gives an example of what I'm trying for. Is there any way to do this using pure CSS?</p>
  
  <p><img src="https://i.stack.imgur.com/CAVI7.png" alt="enter image description here"></p>
  
  <p>EDIT: If not, is there a way to set an hr to be an image? Like a png? Something that will stretch for different sizes?</p>