Linear gradient with color swatch

[bjarnef]

In a existing project in Umbraco 13 I had a need to set a gradient in color swatch for a background color on grid content sections. I solved it using the start color and just inject some CSS in backoffice for this specific color resolve to linear gradient in frontend.

I think it could be useful to support gradient colors as well similar to this:
https://react.fluentui.dev/?path=/docs/components-swatchpicker--docs&globals=storybook_fluentui-react-addon_theme:web-light#color-swatch-variants