Border sidebar dua warna

Assalamualaikum!~

Kalau korang tengok diatas, gambar sidebar ikaa ada satu warna iaitu warna purple, tapi yang terang terang dikiri dan yang cerah di kanan, tapi tutorial kali ini still lagi macam dalam gambar tersebut cuma, korang boleh letak dua code warna dalam sidebar tersebut. Macam mana nak buat? ikut tutorial bawah ini.

Kalau ikut border sidebar dalam gambar tue ikaa guna tutor Jenis bingkai untuk blog 

1. Dashboard > Design > Edit html > Tick widget expand

2. Search code dibawah ini.

]]></b:skin>

3. Kemudian, copy pula code dibawah ini.

.sidebar .widget {
background: #FFFFFF;
border-top: 4px solid #F5A9BC;
border-bottom: 4px solid #A9BCF5;
border-left: 4px solid #A9BCF5;
border-right: 4px solid #F5A9BC;
  margin:5px 5px 1.0em;
  padding:0px 5px 1.0em;
border-radius: 10px;
 }

4. pastekan sebelum/atas code ]]></b:skin>

5. Preview, pastikan tiada error baru save.

Merah : boleh gantikan code warna 
Biru : code gantikan ikut kesesuaian anda 
Purple : Lengkung di bucu sidebar