Generador CSS

2 colores

Para archivos .css:
background-color: #edd400; /*Browsers antiguos*/
background-image: linear-gradient(45deg, #edd400, #cc0000);
Para estilos en línea React:
backgroundColor: "#edd400", //Browsers antiguos
backgroundImage: "linear-gradient(45deg, #edd400, #cc0000)"

3 colores

Para archivos .css:
background-color: #ad7fa8; /*Browsers antiguos*/
background-image: linear-gradient(90deg, #ad7fa8, #ef2929, #3465a4);
Para estilos en línea React:
backgroundColor: "#ad7fa8", //Browsers antiguos
backgroundImage: "linear-gradient(90deg, #ad7fa8, #ef2929, #3465a4)"

Radial 2 colores

Para archivos .css:
background-color: #73d216; /*Browsers antiguos*/
background-image: radial-gradient(circle, #73d216, #729fcf);
Para estilos en línea React:
backgroundColor: "#73d216", //Browsers antiguos
backgroundImage: "radial-gradient(circle, #73d216, #729fcf)"

Radial 3 colores

Para archivos .css:
background-color: #5c3566; /*Browsers antiguos*/
background-image: radial-gradient(circle, #5c3566, #f83a3a, #3465a4);
Para estilos en línea React:
backgroundColor: "#5c3566", //Browsers antiguos
backgroundImage: "radial-gradient(circle, #5c3566, #f83a3a, #3465a4)"