มีตัวช่วยให้ง่ายๆ http://gradients.glrzad.com/

    background-image: linear-gradient(bottom, #D8DF01 12%, #F3F781 56%);
    background-image: -o-linear-gradient(bottom, #D8DF01 12%, #F3F781 56%);
    background-image: -moz-linear-gradient(bottom, #D8DF01 12%, #F3F781 56%);
    background-image: -webkit-linear-gradient(bottom, #D8DF01 12%, #F3F781 56%);
    background-image: -ms-linear-gradient(bottom, #D8DF01 12%, #F3F781 56%);
    
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.12, #D8DF01),
        color-stop(0.56, #F3F781)
    );

    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F3F781, endColorstr=#D8DF01);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F3F781, endColorstr=#D8DF01)";    
    background-color: #D8DF01;