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 - Bettina

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.

Lineal

HEX #554866 to HEX #797494


CSS-Code:

background-image: linear-gradient(115deg, #554866 -5%, #797494 109%);

Radial

HEX #554866 to HEX #797494


CSS-Code:

background-image: radial-gradient(circle, #554866 1%, #797494 196%);

HEX #554866 to HEX #A6A4B9


CSS-Code:

background-image: linear-gradient(115deg, #554866 7%, #A6A4B9 103%);


HEX #554866 to HEX #A6A4B9


CSS-Code:

background-image: radial-gradient(circle, #554866 13%, #A6A4B9 192%);

HEX #797494 to HEX #554866


CSS-Code:

background-image: linear-gradient(115deg, #797494 12%, #554866 89%);


HEX #797494 to HEX #554866


CSS-Code:

background-image: radial-gradient(circle, #797494 -6%, #554866 196%);

HEX #797494 to HEX #A6A4B9


CSS-Code:

background-image: linear-gradient(115deg, #797494 8%, #A6A4B9 90%);


HEX #797494 to HEX #A6A4B9


CSS-Code:

background-image: radial-gradient(circle, #797494 -9%, #A6A4B9 188%);

HEX #A6A4B9 to HEX #554866


CSS-Code:

background-image: linear-gradient(115deg, #A6A4B9 -1%, #554866 91%);


HEX #A6A4B9 to HEX #554866


CSS-Code:

background-image: radial-gradient(circle, #A6A4B9 8%, #554866 198%);

HEX #A6A4B9 to HEX #797494


CSS-Code:

background-image: linear-gradient(115deg, #A6A4B9 -1%, #797494 108%);


HEX #A6A4B9 to HEX #797494


CSS-Code:

background-image: radial-gradient(circle, #A6A4B9 7%, #797494 192%);

Lineal

HEX #554866 over HEX #797494 to HEX #A6A4B9


CSS-Code:

background-image: linear-gradient(115deg, #554866 -8%, #797494 43%, #A6A4B9 109%);

Radial

HEX #554866 over HEX #797494 to HEX #A6A4B9


CSS-Code:

background-image: radial-gradient(circle, #554866 9%, #797494 57%, #A6A4B9 103%);

HEX #554866 over HEX #A6A4B9 to HEX #797494


CSS-Code:

background-image: linear-gradient(115deg, #554866 -1%, #A6A4B9 43%, #797494 109%);


HEX #554866 over HEX #A6A4B9 to HEX #797494


CSS-Code:

background-image: radial-gradient(circle, #554866 11%, #A6A4B9 51%, #797494 93%);

HEX #797494 over HEX #554866 to HEX #A6A4B9


CSS-Code:

background-image: linear-gradient(115deg, #797494 -3%, #554866 43%, #A6A4B9 102%);


HEX #797494 over HEX #554866 to HEX #A6A4B9


CSS-Code:

background-image: radial-gradient(circle, #797494 10%, #554866 42%, #A6A4B9 101%);

HEX #797494 over HEX #A6A4B9 to HEX #554866


CSS-Code:

background-image: linear-gradient(115deg, #797494 -4%, #A6A4B9 58%, #554866 87%);


HEX #797494 over HEX #A6A4B9 to HEX #554866


CSS-Code:

background-image: radial-gradient(circle, #797494 -4%, #A6A4B9 54%, #554866 91%);

HEX #A6A4B9 over HEX #554866 to HEX #797494


CSS-Code:

background-image: linear-gradient(115deg, #A6A4B9 7%, #554866 49%, #797494 95%);


HEX #A6A4B9 over HEX #554866 to HEX #797494


CSS-Code:

background-image: radial-gradient(circle, #A6A4B9 -9%, #554866 45%, #797494 108%);

HEX #A6A4B9 over HEX #797494 to HEX #554866


CSS-Code:

background-image: linear-gradient(115deg, #A6A4B9 -8%, #797494 52%, #554866 86%);


HEX #A6A4B9 over HEX #797494 to HEX #554866


CSS-Code:

background-image: radial-gradient(circle, #A6A4B9 -1%, #797494 45%, #554866 100%);

2-Color Gradients adjusted (12 pieces)

Show

3-Color Gradients adjusted (12 pieces)

Show