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, #383531 -7%, #887C6F 106%);
Radial
CSS-Code:
background-image: radial-gradient(circle, #383531 -8%, #887C6F 187%);
CSS-Code:
background-image: linear-gradient(135deg, #383531 -8%, #7A7665 88%);
CSS-Code:
background-image: radial-gradient(circle, #383531 12%, #7A7665 202%);
CSS-Code:
background-image: linear-gradient(135deg, #887C6F -2%, #383531 94%);
CSS-Code:
background-image: radial-gradient(circle, #887C6F 9%, #383531 206%);
CSS-Code:
background-image: linear-gradient(135deg, #887C6F 11%, #7A7665 106%);
CSS-Code:
background-image: radial-gradient(circle, #887C6F -1%, #7A7665 192%);
CSS-Code:
background-image: linear-gradient(135deg, #7A7665 12%, #383531 90%);
CSS-Code:
background-image: radial-gradient(circle, #7A7665 5%, #383531 201%);
CSS-Code:
background-image: linear-gradient(135deg, #7A7665 12%, #887C6F 106%);
CSS-Code:
background-image: radial-gradient(circle, #7A7665 0%, #887C6F 197%);
Lineal
HEX #383531 over HEX #887C6F to HEX #7A7665
CSS-Code:
background-image: linear-gradient(135deg, #383531 6%, #887C6F 58%, #7A7665 96%);
Radial
HEX #383531 over HEX #887C6F to HEX #7A7665
CSS-Code:
background-image: radial-gradient(circle, #383531 -3%, #887C6F 47%, #7A7665 89%);
HEX #383531 over HEX #7A7665 to HEX #887C6F
CSS-Code:
background-image: linear-gradient(135deg, #383531 -9%, #7A7665 56%, #887C6F 104%);
HEX #383531 over HEX #7A7665 to HEX #887C6F
CSS-Code:
background-image: radial-gradient(circle, #383531 -5%, #7A7665 46%, #887C6F 91%);
HEX #887C6F over HEX #383531 to HEX #7A7665
CSS-Code:
background-image: linear-gradient(135deg, #887C6F 4%, #383531 55%, #7A7665 97%);
HEX #887C6F over HEX #383531 to HEX #7A7665
CSS-Code:
background-image: radial-gradient(circle, #887C6F -6%, #383531 50%, #7A7665 96%);
HEX #887C6F over HEX #7A7665 to HEX #383531
CSS-Code:
background-image: linear-gradient(135deg, #887C6F 7%, #7A7665 51%, #383531 98%);
HEX #887C6F over HEX #7A7665 to HEX #383531
CSS-Code:
background-image: radial-gradient(circle, #887C6F 13%, #7A7665 50%, #383531 104%);
HEX #7A7665 over HEX #383531 to HEX #887C6F
CSS-Code:
background-image: linear-gradient(135deg, #7A7665 -3%, #383531 56%, #887C6F 108%);
HEX #7A7665 over HEX #383531 to HEX #887C6F
CSS-Code:
background-image: radial-gradient(circle, #7A7665 -4%, #383531 50%, #887C6F 91%);
HEX #7A7665 over HEX #887C6F to HEX #383531
CSS-Code:
background-image: linear-gradient(135deg, #7A7665 -9%, #887C6F 46%, #383531 96%);
HEX #7A7665 over HEX #887C6F to HEX #383531
CSS-Code:
background-image: radial-gradient(circle, #7A7665 3%, #887C6F 52%, #383531 95%);