Gradasi pada backround warna html

<style>
.pesan{
    background-color: red ;
    opacity: 0.85;
    filter: alpha(opacity=80);
    padding: 5px 10px;
    position: relative;
    border-radius: 2px;
  }
</style>

saya punya kode seperti diatas, nah saya itu mau backroundnnya ada gradasinya jadi semakin kekanan warnanya berubah menjadi trasparan, mohon bantuannya teman- teman