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

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 #14141E to HEX #EBEBE1


CSS-Code:

background-image: linear-gradient(135deg, #14141E -7%, #EBEBE1 108%);

Radial

HEX #14141E to HEX #EBEBE1


CSS-Code:

background-image: radial-gradient(circle, #14141E 3%, #EBEBE1 204%);

HEX #14141E to HEX #E55C3E


CSS-Code:

background-image: linear-gradient(135deg, #14141E -3%, #E55C3E 92%);


HEX #14141E to HEX #E55C3E


CSS-Code:

background-image: radial-gradient(circle, #14141E -2%, #E55C3E 205%);

HEX #EBEBE1 to HEX #14141E


CSS-Code:

background-image: linear-gradient(135deg, #EBEBE1 -6%, #14141E 104%);


HEX #EBEBE1 to HEX #14141E


CSS-Code:

background-image: radial-gradient(circle, #EBEBE1 -2%, #14141E 187%);

HEX #EBEBE1 to HEX #E55C3E


CSS-Code:

background-image: linear-gradient(135deg, #EBEBE1 -9%, #E55C3E 102%);


HEX #EBEBE1 to HEX #E55C3E


CSS-Code:

background-image: radial-gradient(circle, #EBEBE1 -7%, #E55C3E 205%);

HEX #E55C3E to HEX #14141E


CSS-Code:

background-image: linear-gradient(135deg, #E55C3E -6%, #14141E 103%);


HEX #E55C3E to HEX #14141E


CSS-Code:

background-image: radial-gradient(circle, #E55C3E 6%, #14141E 200%);

HEX #E55C3E to HEX #EBEBE1


CSS-Code:

background-image: linear-gradient(135deg, #E55C3E 11%, #EBEBE1 96%);


HEX #E55C3E to HEX #EBEBE1


CSS-Code:

background-image: radial-gradient(circle, #E55C3E -5%, #EBEBE1 206%);

Lineal

HEX #14141E over HEX #EBEBE1 to HEX #E55C3E


CSS-Code:

background-image: linear-gradient(135deg, #14141E -5%, #EBEBE1 45%, #E55C3E 101%);

Radial

HEX #14141E over HEX #EBEBE1 to HEX #E55C3E


CSS-Code:

background-image: radial-gradient(circle, #14141E -5%, #EBEBE1 50%, #E55C3E 106%);

HEX #14141E over HEX #E55C3E to HEX #EBEBE1


CSS-Code:

background-image: linear-gradient(135deg, #14141E 14%, #E55C3E 44%, #EBEBE1 107%);


HEX #14141E over HEX #E55C3E to HEX #EBEBE1


CSS-Code:

background-image: radial-gradient(circle, #14141E -2%, #E55C3E 44%, #EBEBE1 101%);

HEX #EBEBE1 over HEX #14141E to HEX #E55C3E


CSS-Code:

background-image: linear-gradient(135deg, #EBEBE1 -2%, #14141E 46%, #E55C3E 109%);


HEX #EBEBE1 over HEX #14141E to HEX #E55C3E


CSS-Code:

background-image: radial-gradient(circle, #EBEBE1 -3%, #14141E 57%, #E55C3E 104%);

HEX #EBEBE1 over HEX #E55C3E to HEX #14141E


CSS-Code:

background-image: linear-gradient(135deg, #EBEBE1 -7%, #E55C3E 47%, #14141E 86%);


HEX #EBEBE1 over HEX #E55C3E to HEX #14141E


CSS-Code:

background-image: radial-gradient(circle, #EBEBE1 -5%, #E55C3E 45%, #14141E 90%);

HEX #E55C3E over HEX #14141E to HEX #EBEBE1


CSS-Code:

background-image: linear-gradient(135deg, #E55C3E 7%, #14141E 54%, #EBEBE1 102%);


HEX #E55C3E over HEX #14141E to HEX #EBEBE1


CSS-Code:

background-image: radial-gradient(circle, #E55C3E 4%, #14141E 54%, #EBEBE1 94%);

HEX #E55C3E over HEX #EBEBE1 to HEX #14141E


CSS-Code:

background-image: linear-gradient(135deg, #E55C3E 9%, #EBEBE1 55%, #14141E 105%);


HEX #E55C3E over HEX #EBEBE1 to HEX #14141E


CSS-Code:

background-image: radial-gradient(circle, #E55C3E 1%, #EBEBE1 57%, #14141E 92%);

2-Color Gradients adjusted (12 pieces)

Show

3-Color Gradients adjusted (12 pieces)

Show

Advertisement