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

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 #008ECB to HEX #7D2574


CSS-Code:

background-image: linear-gradient(135deg, #008ECB 4%, #7D2574 90%);

Radial

HEX #008ECB to HEX #7D2574


CSS-Code:

background-image: radial-gradient(circle, #008ECB -9%, #7D2574 195%);

HEX #008ECB to HEX #269ED1


CSS-Code:

background-image: linear-gradient(135deg, #008ECB 0%, #269ED1 107%);


HEX #008ECB to HEX #269ED1


CSS-Code:

background-image: radial-gradient(circle, #008ECB 4%, #269ED1 205%);

HEX #7D2574 to HEX #008ECB


CSS-Code:

background-image: linear-gradient(135deg, #7D2574 9%, #008ECB 89%);


HEX #7D2574 to HEX #008ECB


CSS-Code:

background-image: radial-gradient(circle, #7D2574 -5%, #008ECB 203%);

HEX #7D2574 to HEX #269ED1


CSS-Code:

background-image: linear-gradient(135deg, #7D2574 4%, #269ED1 102%);


HEX #7D2574 to HEX #269ED1


CSS-Code:

background-image: radial-gradient(circle, #7D2574 -5%, #269ED1 209%);

HEX #269ED1 to HEX #008ECB


CSS-Code:

background-image: linear-gradient(135deg, #269ED1 7%, #008ECB 98%);


HEX #269ED1 to HEX #008ECB


CSS-Code:

background-image: radial-gradient(circle, #269ED1 -4%, #008ECB 204%);

HEX #269ED1 to HEX #7D2574


CSS-Code:

background-image: linear-gradient(135deg, #269ED1 -5%, #7D2574 92%);


HEX #269ED1 to HEX #7D2574


CSS-Code:

background-image: radial-gradient(circle, #269ED1 13%, #7D2574 189%);

Lineal

HEX #008ECB over HEX #7D2574 to HEX #269ED1


CSS-Code:

background-image: linear-gradient(135deg, #008ECB -9%, #7D2574 51%, #269ED1 89%);

Radial

HEX #008ECB over HEX #7D2574 to HEX #269ED1


CSS-Code:

background-image: radial-gradient(circle, #008ECB 10%, #7D2574 44%, #269ED1 107%);

HEX #008ECB over HEX #269ED1 to HEX #7D2574


CSS-Code:

background-image: linear-gradient(135deg, #008ECB -5%, #269ED1 46%, #7D2574 107%);


HEX #008ECB over HEX #269ED1 to HEX #7D2574


CSS-Code:

background-image: radial-gradient(circle, #008ECB -2%, #269ED1 46%, #7D2574 91%);

HEX #7D2574 over HEX #008ECB to HEX #269ED1


CSS-Code:

background-image: linear-gradient(135deg, #7D2574 -2%, #008ECB 44%, #269ED1 101%);


HEX #7D2574 over HEX #008ECB to HEX #269ED1


CSS-Code:

background-image: radial-gradient(circle, #7D2574 5%, #008ECB 46%, #269ED1 86%);

HEX #7D2574 over HEX #269ED1 to HEX #008ECB


CSS-Code:

background-image: linear-gradient(135deg, #7D2574 9%, #269ED1 49%, #008ECB 108%);


HEX #7D2574 over HEX #269ED1 to HEX #008ECB


CSS-Code:

background-image: radial-gradient(circle, #7D2574 9%, #269ED1 49%, #008ECB 100%);

HEX #269ED1 over HEX #008ECB to HEX #7D2574


CSS-Code:

background-image: linear-gradient(135deg, #269ED1 13%, #008ECB 53%, #7D2574 99%);


HEX #269ED1 over HEX #008ECB to HEX #7D2574


CSS-Code:

background-image: radial-gradient(circle, #269ED1 11%, #008ECB 47%, #7D2574 107%);

HEX #269ED1 over HEX #7D2574 to HEX #008ECB


CSS-Code:

background-image: linear-gradient(135deg, #269ED1 6%, #7D2574 54%, #008ECB 99%);


HEX #269ED1 over HEX #7D2574 to HEX #008ECB


CSS-Code:

background-image: radial-gradient(circle, #269ED1 -3%, #7D2574 50%, #008ECB 90%);

2-Color Gradients adjusted (12 pieces)

Show

3-Color Gradients adjusted (12 pieces)

Show

Advertisement