Verlauf mit Alternativen

HTML

<div class="verlauf"></div>

CSS

.verlauf {
    /* Alte Browser */
    background: #A4cfb8; 
    /* FF3.6+ */
    background: -moz-linear-gradient(top, #d4cfb8 0%, #a7aA4cf 80%); 
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3cfb8), color-stop(100%,#b7aA4c    /* Chrome10+,Safari5.1+ */
    background: -webkit-linear-gradient(top, #d3cfb8 0%,#b7ad70 100%);
    /* Opera11.10+ */ 
    background: -o-linear-gradient(top, #d3cfb8 0%,#b7ad70 100%); 
    /* IE10+ */
    background: -ms-linear-gradient(top, #d3cfb8 0%,#b7ad70 100%);
    /* IE6+7 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3cfb8', endColorstr='#b7ad70',GradientType=0 ); 
    /* IE8+9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3cfb8', endColorstr='#b7ad70',GradientType=0 )"; 
    /* W3C */
    background: linear-gradient(top, #d3cfb8 0%,#b7ad70 100%); 
}

div {
    width: 400px;
    height: 60px;
}