Это зависит от контейнера, который вы используете.Если вы используете Grid (без строк или столбцов) или Canvas, они находятся прямо друг над другом.Вы можете разделить их друг от друга с помощью Margin (сетка) или Left / Top (canvas).
Или использовать другую панель, например Stackpanel, которая автоматически размещает их рядом друг с другом.
Редактировать: В комментариях мы разработали идею использования LinearGradientBrush для окрашивания одной геометрии, например:
<Polyline StrokeThickness="20" Points="30,250 200,250">
<Polyline.Stroke>
<LinearGradientBrush StartPoint="30,200" EndPoint="30,250" MappingMode="Absolute">
<GradientStop Color="Red" Offset="1" />
<GradientStop Color="Red" Offset="0.66" />
<GradientStop Color="Yellow" Offset="0.66" />
<GradientStop Color="Yellow" Offset="0.33" />
<GradientStop Color="Green" Offset="0.33" />
<GradientStop Color="Green" Offset="0" />
</LinearGradientBrush>
</Polyline.Stroke>