how to make the brush smooth without lines in the middle

Question

Hi all, as you see in previous brush there is lines in the middle,
it isn't so smooth how to make it smooth? (how to remove that lines) i create it with blend

<Grid x:Name="LayoutRoot">
        <Grid.Background>
            <LinearGradientBrush EndPoint="0.452,1.962" StartPoint="1.164,-0.352">
                <GradientStop Color="#FF202020" Offset="0"/>
                <GradientStop Color="#FF545454" Offset="1"/>
            </LinearGradientBrush>
        </Grid.Background>
    </Grid>

Answer 1

The banding is an artefact of the gradient algorithm. It has to break the area in to bands each filled with a slightly different colour. The edges are in fact an optical illusion which has the effect of making them more visible than you would think. To reduce this effect you need to reduce the width of each band.

The solutions are:

1. Fill over a smaller area - each band is narrower.
2. Increase the number of bands. Make the contrast between the two extremes larger.
3. Increase the colour resolution of the display. If you have more colours to choose from then there will be a larger usable range between the two end colours.

I do realise that these solutions are either a) not possible or b) not practical. This is a problem you are going to have to live with.

One practical solution might be to replace the brush with an image created in Photoshop or other image processing package. This might give you an image with less banding - but then you are restricted to the size of the image - you can't grow it without pixelation.