Вот вам красивый градиент без смешения цветов для начала - наткнулся на него в куче шейдеров пока диск разбирал

float area(float center, float width, float x) {
    return smoothstep(center - width, center, x) - smoothstep(center, center + width, x);
}

float3 gradient(float t) {
    return float3(
        area(0.25, 0.5, t),
        area(0.5, 0.5, t),
        area(0.75, 0.5, t)
    );
}

fragment
float4 fs_main(
    FS_INPUT In [[stage_in]],
    constant FS_UNIFORM& uniform [[buffer(16)]])
{
    return float4(gradient(In.v_texcoord.x), 1);
}