I want **exactly** 50% red color and remaining any another color. I am new for web designing please help me.

```css
hr{
    background: red; 
    background: -webkit-linear-gradient(red, yellow); 
    background: -o-linear-gradient(red, yellow); 
    background: -moz-linear-gradient(red, yellow);
    background: linear-gradient(red, yellow); 
}
```

```html
<hr style="width:100%; height:5px;">
```