Linear Gradient from bottom to top

Question

I need an Ellipse with a linear gradient from bottom(pink) to top(red).

<Ellipse Width="200" Height="200">    
    <Ellipse.Fill>

        <LinearGradientBrush StartPoint="0,1" EndPoint="1,0" > 

            <GradientStop Color="Pink" Offset="0" />

            <GradientStop Color="Red" Offset="1" />

        </LinearGradientBrush>

    </Ellipse.Fill>    
</Ellipse>

The above code shows a gradient from left bottom to top right.

I need the gradient to move from left middle to top middle.

I tried changing the starting and end point with no success. Is there another property that can be used?

It has to be a linear gradient on a ellipse. I cannot use a radial gradient here.

score 16 · Accepted Answer · answered Apr 21 '16 at 11:48

16

gradient from Bottom to Top (vertical)

<LinearGradientBrush StartPoint="0,1" EndPoint="0,0">

gradient from left middle to top middle

<LinearGradientBrush StartPoint="0,0.5" EndPoint="0.5,0">

answered Apr 21 '16 at 11:48

ASh

34,632
9
60
82

score 8 · Answer 2 · answered Oct 09 '20 at 12:40

8

Visual representation of how it works

answered Oct 09 '20 at 12:40

Pavlo Datsiuk

1,024
9
17

Linear Gradient from bottom to top

2 Answers2