C#で4色グラデーションを描きたいです

Question

C#のBitmapで以下の画像のようなグラデーションを描きたいです
![イメージ説明]WIDTH:540

自分でソースを書いたところ以下の様な結果になってしまいました
![イメージ説明]WIDTH:548

書いたソースは

Color start_color = Color.Red;
Color end_color = Color.Black;

Color center_color = Color.FromArgb((start_color.R + 255) / 4, (start_color.G + 255) / 4, (start_color.B + 255) / 4);

Bitmap canvas = new Bitmap(pictureBox1.Width, pictureBox1.Height);
Graphics g = Graphics.FromImage(canvas);

GraphicsPath gp = new GraphicsPath();
gp.AddRectangle(g.VisibleClipBounds);

PathGradientBrush gb = new PathGradientBrush(gp);
gb.CenterColor = center_color;
gb.SurroundColors = new Color[] { Color.White, Color.Red, Color.Black, Color.Black };

g.FillRectangle(gb, g.VisibleClipBounds);

gb.Dispose();
g.Dispose();

pictureBox1.Image = canvas;

です

上の画像のようなグラデーションを描くにはどうソースを書けばいいのでしょうか？

Answer 1

横軸を彩度
縦軸を明度にして1ピクセルずつ書けば出来そうです。

Answer 2

1ピクセルずつ書くならこんな感じでしょうか

pictureBox1.Size = new Size(256, 256);

var canvas = new Bitmap(pictureBox1.Width, pictureBox1.Height);

for (var i = 0; i < canvas.Width; i++)
{
    for (var j = 0; j < canvas.Height; j++)
    {
        var x = 255 - i;
        var y = 255 - j;

        canvas.SetPixel(i, j, Color.FromArgb(
            y,
            y * x / 255,
            y * x / 255
        ));
    }
}

pictureBox1.Image = canvas;

Comments

[__MOX__]

ありがとうございます！
書いていただいたソースで望んだ通りのものを描かせる事が出来ました