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 - HERMOS NEU

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 #00305D to HEX #FFE500


CSS-Code:

background-image: linear-gradient(135deg, #00305D -4%, #FFE500 102%);

Radial

HEX #00305D to HEX #FFE500


CSS-Code:

background-image: radial-gradient(circle, #00305D 2%, #FFE500 194%);

HEX #00305D to HEX #D2B469


CSS-Code:

background-image: linear-gradient(135deg, #00305D -7%, #D2B469 86%);


HEX #00305D to HEX #D2B469


CSS-Code:

background-image: radial-gradient(circle, #00305D 1%, #D2B469 187%);

HEX #FFE500 to HEX #00305D


CSS-Code:

background-image: linear-gradient(135deg, #FFE500 -6%, #00305D 95%);


HEX #FFE500 to HEX #00305D


CSS-Code:

background-image: radial-gradient(circle, #FFE500 0%, #00305D 193%);

HEX #FFE500 to HEX #D2B469


CSS-Code:

background-image: linear-gradient(135deg, #FFE500 6%, #D2B469 94%);


HEX #FFE500 to HEX #D2B469


CSS-Code:

background-image: radial-gradient(circle, #FFE500 -2%, #D2B469 190%);

HEX #D2B469 to HEX #00305D


CSS-Code:

background-image: linear-gradient(135deg, #D2B469 -1%, #00305D 107%);


HEX #D2B469 to HEX #00305D


CSS-Code:

background-image: radial-gradient(circle, #D2B469 0%, #00305D 187%);

HEX #D2B469 to HEX #FFE500


CSS-Code:

background-image: linear-gradient(135deg, #D2B469 10%, #FFE500 90%);


HEX #D2B469 to HEX #FFE500


CSS-Code:

background-image: radial-gradient(circle, #D2B469 -7%, #FFE500 205%);

Lineal

HEX #00305D over HEX #FFE500 to HEX #D2B469


CSS-Code:

background-image: linear-gradient(135deg, #00305D 7%, #FFE500 44%, #D2B469 92%);

Radial

HEX #00305D over HEX #FFE500 to HEX #D2B469


CSS-Code:

background-image: radial-gradient(circle, #00305D 1%, #FFE500 56%, #D2B469 98%);

HEX #00305D over HEX #D2B469 to HEX #FFE500


CSS-Code:

background-image: linear-gradient(135deg, #00305D -6%, #D2B469 58%, #FFE500 87%);


HEX #00305D over HEX #D2B469 to HEX #FFE500


CSS-Code:

background-image: radial-gradient(circle, #00305D 12%, #D2B469 56%, #FFE500 94%);

HEX #FFE500 over HEX #00305D to HEX #D2B469


CSS-Code:

background-image: linear-gradient(135deg, #FFE500 5%, #00305D 43%, #D2B469 103%);


HEX #FFE500 over HEX #00305D to HEX #D2B469


CSS-Code:

background-image: radial-gradient(circle, #FFE500 -8%, #00305D 44%, #D2B469 99%);

HEX #FFE500 over HEX #D2B469 to HEX #00305D


CSS-Code:

background-image: linear-gradient(135deg, #FFE500 8%, #D2B469 48%, #00305D 94%);


HEX #FFE500 over HEX #D2B469 to HEX #00305D


CSS-Code:

background-image: radial-gradient(circle, #FFE500 5%, #D2B469 57%, #00305D 93%);

HEX #D2B469 over HEX #00305D to HEX #FFE500


CSS-Code:

background-image: linear-gradient(135deg, #D2B469 1%, #00305D 57%, #FFE500 88%);


HEX #D2B469 over HEX #00305D to HEX #FFE500


CSS-Code:

background-image: radial-gradient(circle, #D2B469 -7%, #00305D 43%, #FFE500 90%);

HEX #D2B469 over HEX #FFE500 to HEX #00305D


CSS-Code:

background-image: linear-gradient(135deg, #D2B469 14%, #FFE500 44%, #00305D 98%);


HEX #D2B469 over HEX #FFE500 to HEX #00305D


CSS-Code:

background-image: radial-gradient(circle, #D2B469 -3%, #FFE500 52%, #00305D 108%);

2-Color Gradients adjusted (12 pieces)

Show

3-Color Gradients adjusted (12 pieces)

Show