Just use two ellipses, overlapping each other:
<Grid> <Ellipse Width="100" Height="60" Fill="Navy" /> <Ellipse Width="100" Height="60"> <Ellipse.Fill> <RadialGradientBrush> <GradientStop Color="#00FF0000" Offset="0" /> <GradientStop Color="#FFFF0000" Offset="1" /> </RadialGradientBrush> </Ellipse.Fill> </Ellipse> </Grid>
Change the fill property of the second to use your image.
source share