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 - Soccer 4.0 Color Desgin

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.

Lineal

HEX #1F232B to HEX #48D7FF


CSS-Code:

background-image: linear-gradient(135deg, #1F232B -1%, #48D7FF 90%);

Radial

HEX #1F232B to HEX #48D7FF


CSS-Code:

background-image: radial-gradient(circle, #1F232B -3%, #48D7FF 189%);

HEX #48D7FF to HEX #1F232B


CSS-Code:

background-image: linear-gradient(135deg, #48D7FF 2%, #1F232B 105%);


HEX #48D7FF to HEX #1F232B


CSS-Code:

background-image: radial-gradient(circle, #48D7FF 3%, #1F232B 203%);

´\_(ᵔoᵔ)_/`
None 3-color gradients of Soccer 4.0 Color Desgin
Please select 3+ colors.

2-Color Gradients adjusted (4 pieces)

Select +3 colors for 3-color gradients

Show