トップ部分のグラデーションを変更してみました。
基本スタイルは次のようにしました。
15052000

(1)開始をピンク、終了色をグリーンの見本です。
ピンクとグリーンの重なる部分がくすんだ感じになります。
実際のHTMLはこちらをクリックしてください。→[ Click ]15052001

(2)開始をピンク、終了色をグリーンに設定するとともに、中間色を薄いグレーにしました。
重なり部分の濁りが解消されたような気がします。
実際のHTMLはこちらをクリックしてください。→[ Click ]
15052002

(3)周辺に角丸を配置しました。
実際のHTMLはこちらをクリックしてください。→[ Click ]
15052003