BorderBrush and Background not match

I am having a problem with BorderBrush and Background. They both are set to the same gradient but as border starts higher, they don't match. How do I make it match? These are 5 buttons in the image:

Edited: I need border 开发者_如何学Cfor rounded corners. It's not in the picture but I need 'em.

Why not make it harder on yourself? To achieve this (keep rounded corners), you can do one of two things: Adjust the border gradient (trial and error, most likely) or you will have to change the button's Template so that the face of the button is represented by a Border that has radiused corners (with a border of thickness 0) and a Background of your gradient.

Of course, since the Button template is very complex you'll have to reproduce all the animations, overlays etc on your new template.