مولّد التدرّجات

background: linear-gradient(90deg, #ff512f 0%, #dd2476 100%);

<svg xmlns="http://www.w3.org/2000/svg" width="800" height="400" viewBox="0 0 800 400"><defs><linearGradient id="g-linear" gradientTransform="rotate(90 0.5 0.5)"><stop offset="0%" stop-color="#ff512f"/><stop offset="100%" stop-color="#dd2476"/></linearGradient></defs><rect width="800" height="400" fill="url(#g-linear)"/></svg>