Here’s a crude example (about 15 minutes messing about in Inkscape).
The initial “infinity shape” could have been done a lot more neatly, and the chopping it up could have been done a lot more neatly, but hopefully it gets the idea across:
The rounded pieces would probably have benefitted from being sliced into a few more pieces.
Each gradient is just point-to-point between the two colours. You can adjust the direction of the linear gradient with the node tool.
The easiest way to cut it up, is to put a disposable shape over the top, with edges where you want the cut to be, select both shapes and use “path>division” to cut the outline of the top shape into the bottom shape.
You could certainly do this a lot neater and more accurately if you spent a little longer with it.
Here’s a crude example (about 15 minutes messing about in Inkscape). The initial “infinity shape” could have been done a lot more neatly, and the chopping it up could have been done a lot more neatly, but hopefully it gets the idea across:
The rounded pieces would probably have benefitted from being sliced into a few more pieces.
Each gradient is just point-to-point between the two colours. You can adjust the direction of the linear gradient with the node tool.
The easiest way to cut it up, is to put a disposable shape over the top, with edges where you want the cut to be, select both shapes and use “path>division” to cut the outline of the top shape into the bottom shape.
You could certainly do this a lot neater and more accurately if you spent a little longer with it.
Good luck! :)