close
You can continue to use these color palettes. Make them your own and exchange individual colors as you wish. Rate these color palettes and share them.
Find examples of linear and radial color transitions with two colors from this color palette.
The first three colors are preselected - if available. You can add or deselect them with the color icon at the bottom right of each color.
Easy for Web Design: Copy the CSS code for easy integration on your website.
Find examples of linear and radial color transitions with three colors from this color palette.
The first three colors are preselected - if available. You can add or deselect them with the color icon at the bottom right of each color.
Easy for Web Design: Copy the CSS code for easy integration on your website.
Link:
Share-Link:
Lineal
CSS-Code:
background-image: linear-gradient(135deg, #CDCAD0 2%, #FFC20E 109%);
Radial
CSS-Code:
background-image: radial-gradient(circle, #CDCAD0 10%, #FFC20E 208%);
CSS-Code:
background-image: linear-gradient(135deg, #CDCAD0 -2%, #ED1C24 86%);
CSS-Code:
background-image: radial-gradient(circle, #CDCAD0 12%, #ED1C24 208%);
CSS-Code:
background-image: linear-gradient(135deg, #FFC20E 2%, #CDCAD0 94%);
CSS-Code:
background-image: radial-gradient(circle, #FFC20E 11%, #CDCAD0 198%);
CSS-Code:
background-image: linear-gradient(135deg, #FFC20E -4%, #ED1C24 96%);
CSS-Code:
background-image: radial-gradient(circle, #FFC20E -5%, #ED1C24 204%);
CSS-Code:
background-image: linear-gradient(135deg, #ED1C24 7%, #CDCAD0 103%);
CSS-Code:
background-image: radial-gradient(circle, #ED1C24 1%, #CDCAD0 199%);
CSS-Code:
background-image: linear-gradient(135deg, #ED1C24 -7%, #FFC20E 90%);
CSS-Code:
background-image: radial-gradient(circle, #ED1C24 10%, #FFC20E 208%);
Lineal
HEX #CDCAD0 over HEX #FFC20E to HEX #ED1C24
CSS-Code:
background-image: linear-gradient(135deg, #CDCAD0 11%, #FFC20E 44%, #ED1C24 105%);
Radial
HEX #CDCAD0 over HEX #FFC20E to HEX #ED1C24
CSS-Code:
background-image: radial-gradient(circle, #CDCAD0 6%, #FFC20E 50%, #ED1C24 94%);
HEX #CDCAD0 over HEX #ED1C24 to HEX #FFC20E
CSS-Code:
background-image: linear-gradient(135deg, #CDCAD0 6%, #ED1C24 45%, #FFC20E 109%);
HEX #CDCAD0 over HEX #ED1C24 to HEX #FFC20E
CSS-Code:
background-image: radial-gradient(circle, #CDCAD0 -9%, #ED1C24 51%, #FFC20E 94%);
HEX #FFC20E over HEX #CDCAD0 to HEX #ED1C24
CSS-Code:
background-image: linear-gradient(135deg, #FFC20E 9%, #CDCAD0 45%, #ED1C24 103%);
HEX #FFC20E over HEX #CDCAD0 to HEX #ED1C24
CSS-Code:
background-image: radial-gradient(circle, #FFC20E 0%, #CDCAD0 47%, #ED1C24 102%);
HEX #FFC20E over HEX #ED1C24 to HEX #CDCAD0
CSS-Code:
background-image: linear-gradient(135deg, #FFC20E -9%, #ED1C24 58%, #CDCAD0 92%);
HEX #FFC20E over HEX #ED1C24 to HEX #CDCAD0
CSS-Code:
background-image: radial-gradient(circle, #FFC20E 8%, #ED1C24 49%, #CDCAD0 95%);
HEX #ED1C24 over HEX #CDCAD0 to HEX #FFC20E
CSS-Code:
background-image: linear-gradient(135deg, #ED1C24 -2%, #CDCAD0 58%, #FFC20E 97%);
HEX #ED1C24 over HEX #CDCAD0 to HEX #FFC20E
CSS-Code:
background-image: radial-gradient(circle, #ED1C24 8%, #CDCAD0 44%, #FFC20E 95%);
HEX #ED1C24 over HEX #FFC20E to HEX #CDCAD0
CSS-Code:
background-image: linear-gradient(135deg, #ED1C24 9%, #FFC20E 58%, #CDCAD0 103%);
HEX #ED1C24 over HEX #FFC20E to HEX #CDCAD0
CSS-Code:
background-image: radial-gradient(circle, #ED1C24 -9%, #FFC20E 53%, #CDCAD0 89%);