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

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 #000000 to HEX #D03237


CSS-Code:

background-image: linear-gradient(115deg, #000000 5%, #D03237 89%);

Radial

HEX #000000 to HEX #D03237


CSS-Code:

background-image: radial-gradient(circle, #000000 -4%, #D03237 209%);

HEX #000000 to HEX #AC1E1C


CSS-Code:

background-image: linear-gradient(115deg, #000000 -4%, #AC1E1C 95%);


HEX #000000 to HEX #AC1E1C


CSS-Code:

background-image: radial-gradient(circle, #000000 13%, #AC1E1C 202%);

HEX #000000 to HEX #2996CC


CSS-Code:

background-image: linear-gradient(115deg, #000000 -6%, #2996CC 86%);


HEX #000000 to HEX #2996CC


CSS-Code:

background-image: radial-gradient(circle, #000000 13%, #2996CC 203%);

HEX #000000 to HEX #05618D


CSS-Code:

background-image: linear-gradient(115deg, #000000 -9%, #05618D 92%);


HEX #000000 to HEX #05618D


CSS-Code:

background-image: radial-gradient(circle, #000000 3%, #05618D 207%);

HEX #000000 to HEX #BAB6B9


CSS-Code:

background-image: linear-gradient(115deg, #000000 -5%, #BAB6B9 87%);


HEX #000000 to HEX #BAB6B9


CSS-Code:

background-image: radial-gradient(circle, #000000 0%, #BAB6B9 205%);

HEX #000000 to HEX #6A747F


CSS-Code:

background-image: linear-gradient(115deg, #000000 -9%, #6A747F 96%);


HEX #000000 to HEX #6A747F


CSS-Code:

background-image: radial-gradient(circle, #000000 -8%, #6A747F 195%);

HEX #000000 to HEX #FFC000


CSS-Code:

background-image: linear-gradient(115deg, #000000 3%, #FFC000 109%);


HEX #000000 to HEX #FFC000


CSS-Code:

background-image: radial-gradient(circle, #000000 9%, #FFC000 193%);

HEX #D03237 to HEX #000000


CSS-Code:

background-image: linear-gradient(115deg, #D03237 -2%, #000000 87%);


HEX #D03237 to HEX #000000


CSS-Code:

background-image: radial-gradient(circle, #D03237 -6%, #000000 205%);

HEX #D03237 to HEX #AC1E1C


CSS-Code:

background-image: linear-gradient(115deg, #D03237 14%, #AC1E1C 96%);


HEX #D03237 to HEX #AC1E1C


CSS-Code:

background-image: radial-gradient(circle, #D03237 -7%, #AC1E1C 193%);

HEX #D03237 to HEX #2996CC


CSS-Code:

background-image: linear-gradient(115deg, #D03237 12%, #2996CC 93%);


HEX #D03237 to HEX #2996CC


CSS-Code:

background-image: radial-gradient(circle, #D03237 -3%, #2996CC 196%);

HEX #D03237 to HEX #05618D


CSS-Code:

background-image: linear-gradient(115deg, #D03237 -7%, #05618D 102%);


HEX #D03237 to HEX #05618D


CSS-Code:

background-image: radial-gradient(circle, #D03237 12%, #05618D 205%);

HEX #D03237 to HEX #BAB6B9


CSS-Code:

background-image: linear-gradient(115deg, #D03237 -8%, #BAB6B9 104%);


HEX #D03237 to HEX #BAB6B9


CSS-Code:

background-image: radial-gradient(circle, #D03237 12%, #BAB6B9 206%);

HEX #D03237 to HEX #6A747F


CSS-Code:

background-image: linear-gradient(115deg, #D03237 9%, #6A747F 108%);


HEX #D03237 to HEX #6A747F


CSS-Code:

background-image: radial-gradient(circle, #D03237 -1%, #6A747F 204%);

HEX #D03237 to HEX #FFC000


CSS-Code:

background-image: linear-gradient(115deg, #D03237 6%, #FFC000 90%);


HEX #D03237 to HEX #FFC000


CSS-Code:

background-image: radial-gradient(circle, #D03237 8%, #FFC000 194%);

HEX #AC1E1C to HEX #000000


CSS-Code:

background-image: linear-gradient(115deg, #AC1E1C 6%, #000000 95%);


HEX #AC1E1C to HEX #000000


CSS-Code:

background-image: radial-gradient(circle, #AC1E1C -6%, #000000 201%);

HEX #AC1E1C to HEX #D03237


CSS-Code:

background-image: linear-gradient(115deg, #AC1E1C 14%, #D03237 106%);


HEX #AC1E1C to HEX #D03237


CSS-Code:

background-image: radial-gradient(circle, #AC1E1C 13%, #D03237 193%);

HEX #AC1E1C to HEX #2996CC


CSS-Code:

background-image: linear-gradient(115deg, #AC1E1C 14%, #2996CC 89%);


HEX #AC1E1C to HEX #2996CC


CSS-Code:

background-image: radial-gradient(circle, #AC1E1C -6%, #2996CC 190%);

HEX #AC1E1C to HEX #05618D


CSS-Code:

background-image: linear-gradient(115deg, #AC1E1C 2%, #05618D 104%);


HEX #AC1E1C to HEX #05618D


CSS-Code:

background-image: radial-gradient(circle, #AC1E1C 9%, #05618D 188%);

HEX #AC1E1C to HEX #BAB6B9


CSS-Code:

background-image: linear-gradient(115deg, #AC1E1C -4%, #BAB6B9 94%);


HEX #AC1E1C to HEX #BAB6B9


CSS-Code:

background-image: radial-gradient(circle, #AC1E1C -2%, #BAB6B9 207%);

HEX #AC1E1C to HEX #6A747F


CSS-Code:

background-image: linear-gradient(115deg, #AC1E1C 7%, #6A747F 93%);


HEX #AC1E1C to HEX #6A747F


CSS-Code:

background-image: radial-gradient(circle, #AC1E1C 8%, #6A747F 186%);

HEX #AC1E1C to HEX #FFC000


CSS-Code:

background-image: linear-gradient(115deg, #AC1E1C 14%, #FFC000 108%);


HEX #AC1E1C to HEX #FFC000


CSS-Code:

background-image: radial-gradient(circle, #AC1E1C 8%, #FFC000 206%);

HEX #2996CC to HEX #000000


CSS-Code:

background-image: linear-gradient(115deg, #2996CC 3%, #000000 94%);


HEX #2996CC to HEX #000000


CSS-Code:

background-image: radial-gradient(circle, #2996CC 5%, #000000 192%);

HEX #2996CC to HEX #D03237


CSS-Code:

background-image: linear-gradient(115deg, #2996CC -4%, #D03237 87%);


HEX #2996CC to HEX #D03237


CSS-Code:

background-image: radial-gradient(circle, #2996CC -2%, #D03237 186%);

HEX #2996CC to HEX #AC1E1C


CSS-Code:

background-image: linear-gradient(115deg, #2996CC 2%, #AC1E1C 87%);


HEX #2996CC to HEX #AC1E1C


CSS-Code:

background-image: radial-gradient(circle, #2996CC 8%, #AC1E1C 190%);

HEX #2996CC to HEX #05618D


CSS-Code:

background-image: linear-gradient(115deg, #2996CC 12%, #05618D 107%);


HEX #2996CC to HEX #05618D


CSS-Code:

background-image: radial-gradient(circle, #2996CC 6%, #05618D 199%);

HEX #2996CC to HEX #BAB6B9


CSS-Code:

background-image: linear-gradient(115deg, #2996CC -3%, #BAB6B9 108%);


HEX #2996CC to HEX #BAB6B9


CSS-Code:

background-image: radial-gradient(circle, #2996CC 4%, #BAB6B9 206%);

HEX #2996CC to HEX #6A747F


CSS-Code:

background-image: linear-gradient(115deg, #2996CC -4%, #6A747F 87%);


HEX #2996CC to HEX #6A747F


CSS-Code:

background-image: radial-gradient(circle, #2996CC 12%, #6A747F 195%);

HEX #2996CC to HEX #FFC000


CSS-Code:

background-image: linear-gradient(115deg, #2996CC 3%, #FFC000 94%);


HEX #2996CC to HEX #FFC000


CSS-Code:

background-image: radial-gradient(circle, #2996CC -5%, #FFC000 189%);

HEX #05618D to HEX #000000


CSS-Code:

background-image: linear-gradient(115deg, #05618D 8%, #000000 92%);


HEX #05618D to HEX #000000


CSS-Code:

background-image: radial-gradient(circle, #05618D -9%, #000000 194%);

HEX #05618D to HEX #D03237


CSS-Code:

background-image: linear-gradient(115deg, #05618D 11%, #D03237 105%);


HEX #05618D to HEX #D03237


CSS-Code:

background-image: radial-gradient(circle, #05618D 7%, #D03237 189%);

HEX #05618D to HEX #AC1E1C


CSS-Code:

background-image: linear-gradient(115deg, #05618D 0%, #AC1E1C 88%);


HEX #05618D to HEX #AC1E1C


CSS-Code:

background-image: radial-gradient(circle, #05618D 10%, #AC1E1C 200%);

HEX #05618D to HEX #2996CC


CSS-Code:

background-image: linear-gradient(115deg, #05618D -2%, #2996CC 94%);


HEX #05618D to HEX #2996CC


CSS-Code:

background-image: radial-gradient(circle, #05618D -2%, #2996CC 202%);

HEX #05618D to HEX #BAB6B9


CSS-Code:

background-image: linear-gradient(115deg, #05618D 3%, #BAB6B9 94%);


HEX #05618D to HEX #BAB6B9


CSS-Code:

background-image: radial-gradient(circle, #05618D 12%, #BAB6B9 192%);

HEX #05618D to HEX #6A747F


CSS-Code:

background-image: linear-gradient(115deg, #05618D 6%, #6A747F 91%);


HEX #05618D to HEX #6A747F


CSS-Code:

background-image: radial-gradient(circle, #05618D 5%, #6A747F 207%);

HEX #05618D to HEX #FFC000


CSS-Code:

background-image: linear-gradient(115deg, #05618D -5%, #FFC000 99%);


HEX #05618D to HEX #FFC000


CSS-Code:

background-image: radial-gradient(circle, #05618D 2%, #FFC000 208%);

HEX #BAB6B9 to HEX #000000


CSS-Code:

background-image: linear-gradient(115deg, #BAB6B9 2%, #000000 95%);


HEX #BAB6B9 to HEX #000000


CSS-Code:

background-image: radial-gradient(circle, #BAB6B9 -7%, #000000 187%);

HEX #BAB6B9 to HEX #D03237


CSS-Code:

background-image: linear-gradient(115deg, #BAB6B9 11%, #D03237 102%);


HEX #BAB6B9 to HEX #D03237


CSS-Code:

background-image: radial-gradient(circle, #BAB6B9 1%, #D03237 203%);

HEX #BAB6B9 to HEX #AC1E1C


CSS-Code:

background-image: linear-gradient(115deg, #BAB6B9 0%, #AC1E1C 103%);


HEX #BAB6B9 to HEX #AC1E1C


CSS-Code:

background-image: radial-gradient(circle, #BAB6B9 14%, #AC1E1C 202%);

HEX #BAB6B9 to HEX #2996CC


CSS-Code:

background-image: linear-gradient(115deg, #BAB6B9 4%, #2996CC 104%);


HEX #BAB6B9 to HEX #2996CC


CSS-Code:

background-image: radial-gradient(circle, #BAB6B9 11%, #2996CC 194%);

HEX #BAB6B9 to HEX #05618D


CSS-Code:

background-image: linear-gradient(115deg, #BAB6B9 -9%, #05618D 102%);


HEX #BAB6B9 to HEX #05618D


CSS-Code:

background-image: radial-gradient(circle, #BAB6B9 0%, #05618D 204%);

HEX #BAB6B9 to HEX #6A747F


CSS-Code:

background-image: linear-gradient(115deg, #BAB6B9 -5%, #6A747F 102%);


HEX #BAB6B9 to HEX #6A747F


CSS-Code:

background-image: radial-gradient(circle, #BAB6B9 9%, #6A747F 200%);

HEX #BAB6B9 to HEX #FFC000


CSS-Code:

background-image: linear-gradient(115deg, #BAB6B9 0%, #FFC000 86%);


HEX #BAB6B9 to HEX #FFC000


CSS-Code:

background-image: radial-gradient(circle, #BAB6B9 11%, #FFC000 199%);

HEX #6A747F to HEX #000000


CSS-Code:

background-image: linear-gradient(115deg, #6A747F 0%, #000000 88%);


HEX #6A747F to HEX #000000


CSS-Code:

background-image: radial-gradient(circle, #6A747F -8%, #000000 190%);

HEX #6A747F to HEX #D03237


CSS-Code:

background-image: linear-gradient(115deg, #6A747F 4%, #D03237 99%);


HEX #6A747F to HEX #D03237


CSS-Code:

background-image: radial-gradient(circle, #6A747F -1%, #D03237 208%);

HEX #6A747F to HEX #AC1E1C


CSS-Code:

background-image: linear-gradient(115deg, #6A747F 6%, #AC1E1C 98%);


HEX #6A747F to HEX #AC1E1C


CSS-Code:

background-image: radial-gradient(circle, #6A747F 3%, #AC1E1C 196%);

HEX #6A747F to HEX #2996CC


CSS-Code:

background-image: linear-gradient(115deg, #6A747F 5%, #2996CC 92%);


HEX #6A747F to HEX #2996CC


CSS-Code:

background-image: radial-gradient(circle, #6A747F 5%, #2996CC 195%);

HEX #6A747F to HEX #05618D


CSS-Code:

background-image: linear-gradient(115deg, #6A747F 14%, #05618D 87%);


HEX #6A747F to HEX #05618D


CSS-Code:

background-image: radial-gradient(circle, #6A747F 9%, #05618D 201%);

HEX #6A747F to HEX #BAB6B9


CSS-Code:

background-image: linear-gradient(115deg, #6A747F 8%, #BAB6B9 106%);


HEX #6A747F to HEX #BAB6B9


CSS-Code:

background-image: radial-gradient(circle, #6A747F 14%, #BAB6B9 186%);

HEX #6A747F to HEX #FFC000


CSS-Code:

background-image: linear-gradient(115deg, #6A747F 5%, #FFC000 95%);


HEX #6A747F to HEX #FFC000


CSS-Code:

background-image: radial-gradient(circle, #6A747F 1%, #FFC000 187%);

HEX #FFC000 to HEX #000000


CSS-Code:

background-image: linear-gradient(115deg, #FFC000 11%, #000000 98%);


HEX #FFC000 to HEX #000000


CSS-Code:

background-image: radial-gradient(circle, #FFC000 3%, #000000 186%);

HEX #FFC000 to HEX #D03237


CSS-Code:

background-image: linear-gradient(115deg, #FFC000 13%, #D03237 91%);


HEX #FFC000 to HEX #D03237


CSS-Code:

background-image: radial-gradient(circle, #FFC000 -4%, #D03237 196%);

HEX #FFC000 to HEX #AC1E1C


CSS-Code:

background-image: linear-gradient(115deg, #FFC000 4%, #AC1E1C 90%);


HEX #FFC000 to HEX #AC1E1C


CSS-Code:

background-image: radial-gradient(circle, #FFC000 7%, #AC1E1C 187%);

HEX #FFC000 to HEX #2996CC


CSS-Code:

background-image: linear-gradient(115deg, #FFC000 2%, #2996CC 105%);


HEX #FFC000 to HEX #2996CC


CSS-Code:

background-image: radial-gradient(circle, #FFC000 4%, #2996CC 198%);

HEX #FFC000 to HEX #05618D


CSS-Code:

background-image: linear-gradient(115deg, #FFC000 -4%, #05618D 109%);


HEX #FFC000 to HEX #05618D


CSS-Code:

background-image: radial-gradient(circle, #FFC000 10%, #05618D 192%);

HEX #FFC000 to HEX #BAB6B9


CSS-Code:

background-image: linear-gradient(115deg, #FFC000 8%, #BAB6B9 94%);


HEX #FFC000 to HEX #BAB6B9


CSS-Code:

background-image: radial-gradient(circle, #FFC000 -8%, #BAB6B9 201%);

HEX #FFC000 to HEX #6A747F


CSS-Code:

background-image: linear-gradient(115deg, #FFC000 -2%, #6A747F 101%);


HEX #FFC000 to HEX #6A747F


CSS-Code:

background-image: radial-gradient(circle, #FFC000 7%, #6A747F 190%);

Lineal

HEX #000000 over HEX #D03237 to HEX #AC1E1C


CSS-Code:

background-image: linear-gradient(115deg, #000000 11%, #D03237 54%, #AC1E1C 103%);

Radial

HEX #000000 over HEX #D03237 to HEX #AC1E1C


CSS-Code:

background-image: radial-gradient(circle, #000000 8%, #D03237 54%, #AC1E1C 104%);

HEX #000000 over HEX #D03237 to HEX #2996CC


CSS-Code:

background-image: linear-gradient(115deg, #000000 4%, #D03237 45%, #2996CC 104%);


HEX #000000 over HEX #D03237 to HEX #2996CC


CSS-Code:

background-image: radial-gradient(circle, #000000 12%, #D03237 46%, #2996CC 108%);

HEX #000000 over HEX #D03237 to HEX #05618D


CSS-Code:

background-image: linear-gradient(115deg, #000000 7%, #D03237 43%, #05618D 106%);


HEX #000000 over HEX #D03237 to HEX #05618D


CSS-Code:

background-image: radial-gradient(circle, #000000 -4%, #D03237 55%, #05618D 100%);

HEX #000000 over HEX #D03237 to HEX #BAB6B9


CSS-Code:

background-image: linear-gradient(115deg, #000000 11%, #D03237 47%, #BAB6B9 88%);


HEX #000000 over HEX #D03237 to HEX #BAB6B9


CSS-Code:

background-image: radial-gradient(circle, #000000 -3%, #D03237 50%, #BAB6B9 97%);

HEX #000000 over HEX #D03237 to HEX #6A747F


CSS-Code:

background-image: linear-gradient(115deg, #000000 4%, #D03237 55%, #6A747F 103%);


HEX #000000 over HEX #D03237 to HEX #6A747F


CSS-Code:

background-image: radial-gradient(circle, #000000 8%, #D03237 57%, #6A747F 103%);

HEX #000000 over HEX #D03237 to HEX #FFC000


CSS-Code:

background-image: linear-gradient(115deg, #000000 12%, #D03237 51%, #FFC000 109%);


HEX #000000 over HEX #D03237 to HEX #FFC000


CSS-Code:

background-image: radial-gradient(circle, #000000 -4%, #D03237 46%, #FFC000 92%);

HEX #000000 over HEX #AC1E1C to HEX #D03237


CSS-Code:

background-image: linear-gradient(115deg, #000000 0%, #AC1E1C 49%, #D03237 99%);


HEX #000000 over HEX #AC1E1C to HEX #D03237


CSS-Code:

background-image: radial-gradient(circle, #000000 -2%, #AC1E1C 51%, #D03237 94%);

HEX #000000 over HEX #AC1E1C to HEX #2996CC


CSS-Code:

background-image: linear-gradient(115deg, #000000 9%, #AC1E1C 54%, #2996CC 92%);


HEX #000000 over HEX #AC1E1C to HEX #2996CC


CSS-Code:

background-image: radial-gradient(circle, #000000 8%, #AC1E1C 52%, #2996CC 101%);

HEX #000000 over HEX #AC1E1C to HEX #05618D


CSS-Code:

background-image: linear-gradient(115deg, #000000 2%, #AC1E1C 57%, #05618D 86%);


HEX #000000 over HEX #AC1E1C to HEX #05618D


CSS-Code:

background-image: radial-gradient(circle, #000000 -6%, #AC1E1C 58%, #05618D 107%);

HEX #000000 over HEX #AC1E1C to HEX #BAB6B9


CSS-Code:

background-image: linear-gradient(115deg, #000000 5%, #AC1E1C 52%, #BAB6B9 101%);


HEX #000000 over HEX #AC1E1C to HEX #BAB6B9


CSS-Code:

background-image: radial-gradient(circle, #000000 2%, #AC1E1C 47%, #BAB6B9 91%);

HEX #000000 over HEX #AC1E1C to HEX #6A747F


CSS-Code:

background-image: linear-gradient(115deg, #000000 4%, #AC1E1C 43%, #6A747F 93%);


HEX #000000 over HEX #AC1E1C to HEX #6A747F


CSS-Code:

background-image: radial-gradient(circle, #000000 -2%, #AC1E1C 46%, #6A747F 91%);

HEX #000000 over HEX #AC1E1C to HEX #FFC000


CSS-Code:

background-image: linear-gradient(115deg, #000000 7%, #AC1E1C 48%, #FFC000 96%);


HEX #000000 over HEX #AC1E1C to HEX #FFC000


CSS-Code:

background-image: radial-gradient(circle, #000000 3%, #AC1E1C 53%, #FFC000 89%);

HEX #000000 over HEX #2996CC to HEX #D03237


CSS-Code:

background-image: linear-gradient(115deg, #000000 13%, #2996CC 48%, #D03237 95%);


HEX #000000 over HEX #2996CC to HEX #D03237


CSS-Code:

background-image: radial-gradient(circle, #000000 0%, #2996CC 45%, #D03237 109%);

HEX #000000 over HEX #2996CC to HEX #AC1E1C


CSS-Code:

background-image: linear-gradient(115deg, #000000 -4%, #2996CC 57%, #AC1E1C 95%);


HEX #000000 over HEX #2996CC to HEX #AC1E1C


CSS-Code:

background-image: radial-gradient(circle, #000000 -7%, #2996CC 49%, #AC1E1C 101%);

HEX #000000 over HEX #2996CC to HEX #05618D


CSS-Code:

background-image: linear-gradient(115deg, #000000 13%, #2996CC 44%, #05618D 87%);


HEX #000000 over HEX #2996CC to HEX #05618D


CSS-Code:

background-image: radial-gradient(circle, #000000 7%, #2996CC 48%, #05618D 102%);

HEX #000000 over HEX #2996CC to HEX #BAB6B9


CSS-Code:

background-image: linear-gradient(115deg, #000000 2%, #2996CC 44%, #BAB6B9 96%);


HEX #000000 over HEX #2996CC to HEX #BAB6B9


CSS-Code:

background-image: radial-gradient(circle, #000000 -9%, #2996CC 51%, #BAB6B9 87%);

HEX #000000 over HEX #2996CC to HEX #6A747F


CSS-Code:

background-image: linear-gradient(115deg, #000000 0%, #2996CC 58%, #6A747F 108%);


HEX #000000 over HEX #2996CC to HEX #6A747F


CSS-Code:

background-image: radial-gradient(circle, #000000 6%, #2996CC 53%, #6A747F 96%);

HEX #000000 over HEX #2996CC to HEX #FFC000


CSS-Code:

background-image: linear-gradient(115deg, #000000 -6%, #2996CC 55%, #FFC000 89%);


HEX #000000 over HEX #2996CC to HEX #FFC000


CSS-Code:

background-image: radial-gradient(circle, #000000 -2%, #2996CC 44%, #FFC000 92%);

HEX #000000 over HEX #05618D to HEX #D03237


CSS-Code:

background-image: linear-gradient(115deg, #000000 6%, #05618D 58%, #D03237 102%);


HEX #000000 over HEX #05618D to HEX #D03237


CSS-Code:

background-image: radial-gradient(circle, #000000 6%, #05618D 57%, #D03237 97%);

HEX #000000 over HEX #05618D to HEX #AC1E1C


CSS-Code:

background-image: linear-gradient(115deg, #000000 -9%, #05618D 52%, #AC1E1C 99%);


HEX #000000 over HEX #05618D to HEX #AC1E1C


CSS-Code:

background-image: radial-gradient(circle, #000000 -4%, #05618D 45%, #AC1E1C 98%);

HEX #000000 over HEX #05618D to HEX #2996CC


CSS-Code:

background-image: linear-gradient(115deg, #000000 -5%, #05618D 49%, #2996CC 102%);


HEX #000000 over HEX #05618D to HEX #2996CC


CSS-Code:

background-image: radial-gradient(circle, #000000 -9%, #05618D 51%, #2996CC 100%);

HEX #000000 over HEX #05618D to HEX #BAB6B9


CSS-Code:

background-image: linear-gradient(115deg, #000000 9%, #05618D 46%, #BAB6B9 96%);


HEX #000000 over HEX #05618D to HEX #BAB6B9


CSS-Code:

background-image: radial-gradient(circle, #000000 9%, #05618D 50%, #BAB6B9 97%);

HEX #000000 over HEX #05618D to HEX #6A747F


CSS-Code:

background-image: linear-gradient(115deg, #000000 14%, #05618D 43%, #6A747F 102%);


HEX #000000 over HEX #05618D to HEX #6A747F


CSS-Code:

background-image: radial-gradient(circle, #000000 1%, #05618D 52%, #6A747F 88%);

HEX #000000 over HEX #05618D to HEX #FFC000


CSS-Code:

background-image: linear-gradient(115deg, #000000 9%, #05618D 44%, #FFC000 107%);


HEX #000000 over HEX #05618D to HEX #FFC000


CSS-Code:

background-image: radial-gradient(circle, #000000 11%, #05618D 48%, #FFC000 98%);

HEX #000000 over HEX #BAB6B9 to HEX #D03237


CSS-Code:

background-image: linear-gradient(115deg, #000000 2%, #BAB6B9 53%, #D03237 97%);


HEX #000000 over HEX #BAB6B9 to HEX #D03237


CSS-Code:

background-image: radial-gradient(circle, #000000 2%, #BAB6B9 50%, #D03237 100%);

HEX #000000 over HEX #BAB6B9 to HEX #AC1E1C


CSS-Code:

background-image: linear-gradient(115deg, #000000 3%, #BAB6B9 48%, #AC1E1C 92%);


HEX #000000 over HEX #BAB6B9 to HEX #AC1E1C


CSS-Code:

background-image: radial-gradient(circle, #000000 11%, #BAB6B9 46%, #AC1E1C 86%);

HEX #000000 over HEX #BAB6B9 to HEX #2996CC


CSS-Code:

background-image: linear-gradient(115deg, #000000 14%, #BAB6B9 43%, #2996CC 101%);


HEX #000000 over HEX #BAB6B9 to HEX #2996CC


CSS-Code:

background-image: radial-gradient(circle, #000000 -4%, #BAB6B9 50%, #2996CC 103%);

HEX #000000 over HEX #BAB6B9 to HEX #05618D


CSS-Code:

background-image: linear-gradient(115deg, #000000 8%, #BAB6B9 56%, #05618D 109%);


HEX #000000 over HEX #BAB6B9 to HEX #05618D


CSS-Code:

background-image: radial-gradient(circle, #000000 4%, #BAB6B9 55%, #05618D 97%);

HEX #000000 over HEX #BAB6B9 to HEX #6A747F


CSS-Code:

background-image: linear-gradient(115deg, #000000 -5%, #BAB6B9 46%, #6A747F 109%);


HEX #000000 over HEX #BAB6B9 to HEX #6A747F


CSS-Code:

background-image: radial-gradient(circle, #000000 0%, #BAB6B9 58%, #6A747F 107%);

HEX #000000 over HEX #BAB6B9 to HEX #FFC000


CSS-Code:

background-image: linear-gradient(115deg, #000000 12%, #BAB6B9 58%, #FFC000 105%);


HEX #000000 over HEX #BAB6B9 to HEX #FFC000


CSS-Code:

background-image: radial-gradient(circle, #000000 7%, #BAB6B9 56%, #FFC000 97%);

HEX #000000 over HEX #6A747F to HEX #D03237


CSS-Code:

background-image: linear-gradient(115deg, #000000 10%, #6A747F 52%, #D03237 105%);


HEX #000000 over HEX #6A747F to HEX #D03237


CSS-Code:

background-image: radial-gradient(circle, #000000 8%, #6A747F 54%, #D03237 106%);

HEX #000000 over HEX #6A747F to HEX #AC1E1C


CSS-Code:

background-image: linear-gradient(115deg, #000000 7%, #6A747F 55%, #AC1E1C 108%);


HEX #000000 over HEX #6A747F to HEX #AC1E1C


CSS-Code:

background-image: radial-gradient(circle, #000000 12%, #6A747F 46%, #AC1E1C 96%);

HEX #000000 over HEX #6A747F to HEX #2996CC


CSS-Code:

background-image: linear-gradient(115deg, #000000 13%, #6A747F 58%, #2996CC 89%);


HEX #000000 over HEX #6A747F to HEX #2996CC


CSS-Code:

background-image: radial-gradient(circle, #000000 4%, #6A747F 47%, #2996CC 94%);

HEX #000000 over HEX #6A747F to HEX #05618D


CSS-Code:

background-image: linear-gradient(115deg, #000000 10%, #6A747F 47%, #05618D 104%);


HEX #000000 over HEX #6A747F to HEX #05618D


CSS-Code:

background-image: radial-gradient(circle, #000000 11%, #6A747F 58%, #05618D 88%);

HEX #000000 over HEX #6A747F to HEX #BAB6B9


CSS-Code:

background-image: linear-gradient(115deg, #000000 8%, #6A747F 54%, #BAB6B9 93%);


HEX #000000 over HEX #6A747F to HEX #BAB6B9


CSS-Code:

background-image: radial-gradient(circle, #000000 5%, #6A747F 58%, #BAB6B9 90%);

HEX #000000 over HEX #6A747F to HEX #FFC000


CSS-Code:

background-image: linear-gradient(115deg, #000000 9%, #6A747F 47%, #FFC000 98%);


HEX #000000 over HEX #6A747F to HEX #FFC000


CSS-Code:

background-image: radial-gradient(circle, #000000 -4%, #6A747F 50%, #FFC000 102%);

HEX #000000 over HEX #FFC000 to HEX #D03237


CSS-Code:

background-image: linear-gradient(115deg, #000000 10%, #FFC000 42%, #D03237 88%);


HEX #000000 over HEX #FFC000 to HEX #D03237


CSS-Code:

background-image: radial-gradient(circle, #000000 3%, #FFC000 56%, #D03237 100%);

HEX #000000 over HEX #FFC000 to HEX #AC1E1C


CSS-Code:

background-image: linear-gradient(115deg, #000000 3%, #FFC000 56%, #AC1E1C 98%);


HEX #000000 over HEX #FFC000 to HEX #AC1E1C


CSS-Code:

background-image: radial-gradient(circle, #000000 0%, #FFC000 56%, #AC1E1C 94%);

HEX #000000 over HEX #FFC000 to HEX #2996CC


CSS-Code:

background-image: linear-gradient(115deg, #000000 4%, #FFC000 55%, #2996CC 106%);


HEX #000000 over HEX #FFC000 to HEX #2996CC


CSS-Code:

background-image: radial-gradient(circle, #000000 -2%, #FFC000 50%, #2996CC 99%);

HEX #000000 over HEX #FFC000 to HEX #05618D


CSS-Code:

background-image: linear-gradient(115deg, #000000 1%, #FFC000 50%, #05618D 92%);


HEX #000000 over HEX #FFC000 to HEX #05618D


CSS-Code:

background-image: radial-gradient(circle, #000000 10%, #FFC000 43%, #05618D 97%);

HEX #000000 over HEX #FFC000 to HEX #BAB6B9


CSS-Code:

background-image: linear-gradient(115deg, #000000 -4%, #FFC000 55%, #BAB6B9 93%);


HEX #000000 over HEX #FFC000 to HEX #BAB6B9


CSS-Code:

background-image: radial-gradient(circle, #000000 5%, #FFC000 49%, #BAB6B9 94%);

HEX #000000 over HEX #FFC000 to HEX #6A747F


CSS-Code:

background-image: linear-gradient(115deg, #000000 -3%, #FFC000 56%, #6A747F 100%);


HEX #000000 over HEX #FFC000 to HEX #6A747F


CSS-Code:

background-image: radial-gradient(circle, #000000 0%, #FFC000 58%, #6A747F 104%);

HEX #D03237 over HEX #000000 to HEX #AC1E1C


CSS-Code:

background-image: linear-gradient(115deg, #D03237 12%, #000000 43%, #AC1E1C 104%);


HEX #D03237 over HEX #000000 to HEX #AC1E1C


CSS-Code:

background-image: radial-gradient(circle, #D03237 3%, #000000 53%, #AC1E1C 108%);

HEX #D03237 over HEX #000000 to HEX #2996CC


CSS-Code:

background-image: linear-gradient(115deg, #D03237 12%, #000000 57%, #2996CC 101%);


HEX #D03237 over HEX #000000 to HEX #2996CC


CSS-Code:

background-image: radial-gradient(circle, #D03237 -5%, #000000 51%, #2996CC 90%);

HEX #D03237 over HEX #000000 to HEX #05618D


CSS-Code:

background-image: linear-gradient(115deg, #D03237 13%, #000000 53%, #05618D 103%);


HEX #D03237 over HEX #000000 to HEX #05618D


CSS-Code:

background-image: radial-gradient(circle, #D03237 13%, #000000 55%, #05618D 105%);

HEX #D03237 over HEX #000000 to HEX #BAB6B9


CSS-Code:

background-image: linear-gradient(115deg, #D03237 0%, #000000 42%, #BAB6B9 106%);


HEX #D03237 over HEX #000000 to HEX #BAB6B9


CSS-Code:

background-image: radial-gradient(circle, #D03237 6%, #000000 44%, #BAB6B9 95%);

HEX #D03237 over HEX #000000 to HEX #6A747F


CSS-Code:

background-image: linear-gradient(115deg, #D03237 -2%, #000000 56%, #6A747F 88%);


HEX #D03237 over HEX #000000 to HEX #6A747F


CSS-Code:

background-image: radial-gradient(circle, #D03237 -6%, #000000 55%, #6A747F 105%);

HEX #D03237 over HEX #000000 to HEX #FFC000


CSS-Code:

background-image: linear-gradient(115deg, #D03237 4%, #000000 44%, #FFC000 86%);


HEX #D03237 over HEX #000000 to HEX #FFC000


CSS-Code:

background-image: radial-gradient(circle, #D03237 11%, #000000 55%, #FFC000 86%);

HEX #D03237 over HEX #AC1E1C to HEX #000000


CSS-Code:

background-image: linear-gradient(115deg, #D03237 0%, #AC1E1C 46%, #000000 104%);


HEX #D03237 over HEX #AC1E1C to HEX #000000


CSS-Code:

background-image: radial-gradient(circle, #D03237 3%, #AC1E1C 56%, #000000 93%);

HEX #D03237 over HEX #AC1E1C to HEX #2996CC


CSS-Code:

background-image: linear-gradient(115deg, #D03237 2%, #AC1E1C 46%, #2996CC 95%);


HEX #D03237 over HEX #AC1E1C to HEX #2996CC


CSS-Code:

background-image: radial-gradient(circle, #D03237 -9%, #AC1E1C 42%, #2996CC 90%);

2-Color Gradients adjusted (112 pieces)

Show

3-Color Gradients adjusted (672 pieces)

Show