We use cookies to provide you with the best user experience possible on our website. Analysis programs are used to record and evaluate the use of the website and display advertisements on Google. For these reasons is why we collect, use and share data.

If you wish to continue using this website, please agree to the use of cookies and analysis programs.

Color palette - Bachelor

Overview

close

Possible uses

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.

Display options

New color palette

Lineal

HEX #383531 to HEX #887C6F


CSS-Code:

background-image: linear-gradient(135deg, #383531 -7%, #887C6F 106%);

Radial

HEX #383531 to HEX #887C6F


CSS-Code:

background-image: radial-gradient(circle, #383531 -8%, #887C6F 187%);

HEX #383531 to HEX #7A7665


CSS-Code:

background-image: linear-gradient(135deg, #383531 -8%, #7A7665 88%);


HEX #383531 to HEX #7A7665


CSS-Code:

background-image: radial-gradient(circle, #383531 12%, #7A7665 202%);

HEX #887C6F to HEX #383531


CSS-Code:

background-image: linear-gradient(135deg, #887C6F -2%, #383531 94%);


HEX #887C6F to HEX #383531


CSS-Code:

background-image: radial-gradient(circle, #887C6F 9%, #383531 206%);

HEX #887C6F to HEX #7A7665


CSS-Code:

background-image: linear-gradient(135deg, #887C6F 11%, #7A7665 106%);


HEX #887C6F to HEX #7A7665


CSS-Code:

background-image: radial-gradient(circle, #887C6F -1%, #7A7665 192%);

HEX #7A7665 to HEX #383531


CSS-Code:

background-image: linear-gradient(135deg, #7A7665 12%, #383531 90%);


HEX #7A7665 to HEX #383531


CSS-Code:

background-image: radial-gradient(circle, #7A7665 5%, #383531 201%);

HEX #7A7665 to HEX #887C6F


CSS-Code:

background-image: linear-gradient(135deg, #7A7665 12%, #887C6F 106%);


HEX #7A7665 to HEX #887C6F


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%);

2-Color Gradients adjusted (12 pieces)

Show

3-Color Gradients adjusted (12 pieces)

Show

Advertisement