CSS gradient within gradient

I wanted to know if it is possible to achieve a gradient like that in this photo by using three elements. There are three sections right now that I'm trying to work with:

Top: background: linear-gradient(172deg,#FFFFFF 50%, #2D1E2F 50%);

Middle: background-color: #2D1E2F;

Bottom: background: linear-gradient(172deg,#2D1E2F 50%, #FFFFFF 50% );

I've tried some things like background: linear-gradient(172deg,#FFFFFF 50%, #2D1E2F 50%, #2D1E2F 5%, #674568 ); but the colors don't match up correctly. Thanks.