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, #324A9A 5%, #323232 99%);
Radial
CSS-Code:
background-image: radial-gradient(circle, #324A9A 12%, #323232 199%);
CSS-Code:
background-image: linear-gradient(135deg, #324A9A -9%, #D8D8D8 97%);
CSS-Code:
background-image: radial-gradient(circle, #324A9A -7%, #D8D8D8 192%);
CSS-Code:
background-image: linear-gradient(135deg, #323232 8%, #324A9A 95%);
CSS-Code:
background-image: radial-gradient(circle, #323232 6%, #324A9A 187%);
CSS-Code:
background-image: linear-gradient(135deg, #323232 -2%, #D8D8D8 93%);
CSS-Code:
background-image: radial-gradient(circle, #323232 -4%, #D8D8D8 195%);
CSS-Code:
background-image: linear-gradient(135deg, #D8D8D8 -1%, #324A9A 95%);
CSS-Code:
background-image: radial-gradient(circle, #D8D8D8 -2%, #324A9A 201%);
CSS-Code:
background-image: linear-gradient(135deg, #D8D8D8 14%, #323232 103%);
CSS-Code:
background-image: radial-gradient(circle, #D8D8D8 -4%, #323232 203%);
Lineal
HEX #324A9A over HEX #323232 to HEX #D8D8D8
CSS-Code:
background-image: linear-gradient(135deg, #324A9A -6%, #323232 53%, #D8D8D8 87%);
Radial
HEX #324A9A over HEX #323232 to HEX #D8D8D8
CSS-Code:
background-image: radial-gradient(circle, #324A9A -8%, #323232 55%, #D8D8D8 99%);
HEX #324A9A over HEX #D8D8D8 to HEX #323232
CSS-Code:
background-image: linear-gradient(135deg, #324A9A -8%, #D8D8D8 53%, #323232 93%);
HEX #324A9A over HEX #D8D8D8 to HEX #323232
CSS-Code:
background-image: radial-gradient(circle, #324A9A -7%, #D8D8D8 57%, #323232 91%);
HEX #323232 over HEX #324A9A to HEX #D8D8D8
CSS-Code:
background-image: linear-gradient(135deg, #323232 -8%, #324A9A 53%, #D8D8D8 97%);
HEX #323232 over HEX #324A9A to HEX #D8D8D8
CSS-Code:
background-image: radial-gradient(circle, #323232 -8%, #324A9A 51%, #D8D8D8 102%);
HEX #323232 over HEX #D8D8D8 to HEX #324A9A
CSS-Code:
background-image: linear-gradient(135deg, #323232 -8%, #D8D8D8 47%, #324A9A 108%);
HEX #323232 over HEX #D8D8D8 to HEX #324A9A
CSS-Code:
background-image: radial-gradient(circle, #323232 9%, #D8D8D8 50%, #324A9A 93%);
HEX #D8D8D8 over HEX #324A9A to HEX #323232
CSS-Code:
background-image: linear-gradient(135deg, #D8D8D8 -9%, #324A9A 46%, #323232 91%);
HEX #D8D8D8 over HEX #324A9A to HEX #323232
CSS-Code:
background-image: radial-gradient(circle, #D8D8D8 -2%, #324A9A 50%, #323232 108%);
HEX #D8D8D8 over HEX #323232 to HEX #324A9A
CSS-Code:
background-image: linear-gradient(135deg, #D8D8D8 2%, #323232 50%, #324A9A 107%);
HEX #D8D8D8 over HEX #323232 to HEX #324A9A
CSS-Code:
background-image: radial-gradient(circle, #D8D8D8 -5%, #323232 54%, #324A9A 100%);