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 - 15 125

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 #000F7D to HEX #0CEDED


CSS-Code:

background-image: linear-gradient(115deg, #000F7D 0%, #0CEDED 104%);

Radial

HEX #000F7D to HEX #0CEDED


CSS-Code:

background-image: radial-gradient(circle, #000F7D 1%, #0CEDED 194%);

HEX #000F7D to HEX #8C0130


CSS-Code:

background-image: linear-gradient(115deg, #000F7D 12%, #8C0130 94%);


HEX #000F7D to HEX #8C0130


CSS-Code:

background-image: radial-gradient(circle, #000F7D 11%, #8C0130 208%);

HEX #000F7D to HEX #308C01


CSS-Code:

background-image: linear-gradient(115deg, #000F7D -6%, #308C01 88%);


HEX #000F7D to HEX #308C01


CSS-Code:

background-image: radial-gradient(circle, #000F7D 4%, #308C01 200%);

HEX #000F7D to HEX #DEDA04


CSS-Code:

background-image: linear-gradient(115deg, #000F7D 0%, #DEDA04 105%);


HEX #000F7D to HEX #DEDA04


CSS-Code:

background-image: radial-gradient(circle, #000F7D -2%, #DEDA04 192%);

HEX #0CEDED to HEX #000F7D


CSS-Code:

background-image: linear-gradient(115deg, #0CEDED 12%, #000F7D 98%);


HEX #0CEDED to HEX #000F7D


CSS-Code:

background-image: radial-gradient(circle, #0CEDED 11%, #000F7D 207%);

HEX #0CEDED to HEX #8C0130


CSS-Code:

background-image: linear-gradient(115deg, #0CEDED 1%, #8C0130 105%);


HEX #0CEDED to HEX #8C0130


CSS-Code:

background-image: radial-gradient(circle, #0CEDED 9%, #8C0130 197%);

HEX #0CEDED to HEX #308C01


CSS-Code:

background-image: linear-gradient(115deg, #0CEDED 9%, #308C01 98%);


HEX #0CEDED to HEX #308C01


CSS-Code:

background-image: radial-gradient(circle, #0CEDED 8%, #308C01 201%);

HEX #0CEDED to HEX #DEDA04


CSS-Code:

background-image: linear-gradient(115deg, #0CEDED -2%, #DEDA04 107%);


HEX #0CEDED to HEX #DEDA04


CSS-Code:

background-image: radial-gradient(circle, #0CEDED -8%, #DEDA04 190%);

HEX #8C0130 to HEX #000F7D


CSS-Code:

background-image: linear-gradient(115deg, #8C0130 11%, #000F7D 101%);


HEX #8C0130 to HEX #000F7D


CSS-Code:

background-image: radial-gradient(circle, #8C0130 9%, #000F7D 193%);

HEX #8C0130 to HEX #0CEDED


CSS-Code:

background-image: linear-gradient(115deg, #8C0130 -5%, #0CEDED 94%);


HEX #8C0130 to HEX #0CEDED


CSS-Code:

background-image: radial-gradient(circle, #8C0130 14%, #0CEDED 203%);

HEX #8C0130 to HEX #308C01


CSS-Code:

background-image: linear-gradient(115deg, #8C0130 12%, #308C01 99%);


HEX #8C0130 to HEX #308C01


CSS-Code:

background-image: radial-gradient(circle, #8C0130 6%, #308C01 206%);

HEX #8C0130 to HEX #DEDA04


CSS-Code:

background-image: linear-gradient(115deg, #8C0130 -5%, #DEDA04 89%);


HEX #8C0130 to HEX #DEDA04


CSS-Code:

background-image: radial-gradient(circle, #8C0130 -7%, #DEDA04 201%);

HEX #308C01 to HEX #000F7D


CSS-Code:

background-image: linear-gradient(115deg, #308C01 4%, #000F7D 86%);


HEX #308C01 to HEX #000F7D


CSS-Code:

background-image: radial-gradient(circle, #308C01 1%, #000F7D 198%);

HEX #308C01 to HEX #0CEDED


CSS-Code:

background-image: linear-gradient(115deg, #308C01 -7%, #0CEDED 87%);


HEX #308C01 to HEX #0CEDED


CSS-Code:

background-image: radial-gradient(circle, #308C01 -2%, #0CEDED 193%);

HEX #308C01 to HEX #8C0130


CSS-Code:

background-image: linear-gradient(115deg, #308C01 3%, #8C0130 88%);


HEX #308C01 to HEX #8C0130


CSS-Code:

background-image: radial-gradient(circle, #308C01 -4%, #8C0130 191%);

HEX #308C01 to HEX #DEDA04


CSS-Code:

background-image: linear-gradient(115deg, #308C01 13%, #DEDA04 109%);


HEX #308C01 to HEX #DEDA04


CSS-Code:

background-image: radial-gradient(circle, #308C01 1%, #DEDA04 208%);

HEX #DEDA04 to HEX #000F7D


CSS-Code:

background-image: linear-gradient(115deg, #DEDA04 -2%, #000F7D 91%);


HEX #DEDA04 to HEX #000F7D


CSS-Code:

background-image: radial-gradient(circle, #DEDA04 -1%, #000F7D 189%);

HEX #DEDA04 to HEX #0CEDED


CSS-Code:

background-image: linear-gradient(115deg, #DEDA04 -1%, #0CEDED 109%);


HEX #DEDA04 to HEX #0CEDED


CSS-Code:

background-image: radial-gradient(circle, #DEDA04 -5%, #0CEDED 188%);

HEX #DEDA04 to HEX #8C0130


CSS-Code:

background-image: linear-gradient(115deg, #DEDA04 9%, #8C0130 105%);


HEX #DEDA04 to HEX #8C0130


CSS-Code:

background-image: radial-gradient(circle, #DEDA04 -2%, #8C0130 191%);

HEX #DEDA04 to HEX #308C01


CSS-Code:

background-image: linear-gradient(115deg, #DEDA04 5%, #308C01 95%);


HEX #DEDA04 to HEX #308C01


CSS-Code:

background-image: radial-gradient(circle, #DEDA04 -9%, #308C01 201%);

Lineal

HEX #000F7D over HEX #0CEDED to HEX #8C0130


CSS-Code:

background-image: linear-gradient(115deg, #000F7D 13%, #0CEDED 55%, #8C0130 97%);

Radial

HEX #000F7D over HEX #0CEDED to HEX #8C0130


CSS-Code:

background-image: radial-gradient(circle, #000F7D 5%, #0CEDED 52%, #8C0130 87%);

HEX #000F7D over HEX #0CEDED to HEX #308C01


CSS-Code:

background-image: linear-gradient(115deg, #000F7D 6%, #0CEDED 52%, #308C01 92%);


HEX #000F7D over HEX #0CEDED to HEX #308C01


CSS-Code:

background-image: radial-gradient(circle, #000F7D 4%, #0CEDED 52%, #308C01 100%);

HEX #000F7D over HEX #0CEDED to HEX #DEDA04


CSS-Code:

background-image: linear-gradient(115deg, #000F7D 12%, #0CEDED 49%, #DEDA04 106%);


HEX #000F7D over HEX #0CEDED to HEX #DEDA04


CSS-Code:

background-image: radial-gradient(circle, #000F7D -7%, #0CEDED 54%, #DEDA04 95%);

HEX #000F7D over HEX #8C0130 to HEX #0CEDED


CSS-Code:

background-image: linear-gradient(115deg, #000F7D -9%, #8C0130 51%, #0CEDED 87%);


HEX #000F7D over HEX #8C0130 to HEX #0CEDED


CSS-Code:

background-image: radial-gradient(circle, #000F7D 12%, #8C0130 56%, #0CEDED 95%);

HEX #000F7D over HEX #8C0130 to HEX #308C01


CSS-Code:

background-image: linear-gradient(115deg, #000F7D 1%, #8C0130 47%, #308C01 92%);


HEX #000F7D over HEX #8C0130 to HEX #308C01


CSS-Code:

background-image: radial-gradient(circle, #000F7D -4%, #8C0130 50%, #308C01 104%);

HEX #000F7D over HEX #8C0130 to HEX #DEDA04


CSS-Code:

background-image: linear-gradient(115deg, #000F7D -6%, #8C0130 57%, #DEDA04 100%);


HEX #000F7D over HEX #8C0130 to HEX #DEDA04


CSS-Code:

background-image: radial-gradient(circle, #000F7D 10%, #8C0130 51%, #DEDA04 92%);

HEX #000F7D over HEX #308C01 to HEX #0CEDED


CSS-Code:

background-image: linear-gradient(115deg, #000F7D 4%, #308C01 46%, #0CEDED 86%);


HEX #000F7D over HEX #308C01 to HEX #0CEDED


CSS-Code:

background-image: radial-gradient(circle, #000F7D 5%, #308C01 50%, #0CEDED 88%);

HEX #000F7D over HEX #308C01 to HEX #8C0130


CSS-Code:

background-image: linear-gradient(115deg, #000F7D 11%, #308C01 47%, #8C0130 92%);


HEX #000F7D over HEX #308C01 to HEX #8C0130


CSS-Code:

background-image: radial-gradient(circle, #000F7D 6%, #308C01 51%, #8C0130 92%);

HEX #000F7D over HEX #308C01 to HEX #DEDA04


CSS-Code:

background-image: linear-gradient(115deg, #000F7D 6%, #308C01 54%, #DEDA04 86%);


HEX #000F7D over HEX #308C01 to HEX #DEDA04


CSS-Code:

background-image: radial-gradient(circle, #000F7D -4%, #308C01 47%, #DEDA04 94%);

HEX #000F7D over HEX #DEDA04 to HEX #0CEDED


CSS-Code:

background-image: linear-gradient(115deg, #000F7D 2%, #DEDA04 45%, #0CEDED 89%);


HEX #000F7D over HEX #DEDA04 to HEX #0CEDED


CSS-Code:

background-image: radial-gradient(circle, #000F7D 4%, #DEDA04 49%, #0CEDED 95%);

HEX #000F7D over HEX #DEDA04 to HEX #8C0130


CSS-Code:

background-image: linear-gradient(115deg, #000F7D 11%, #DEDA04 56%, #8C0130 98%);


HEX #000F7D over HEX #DEDA04 to HEX #8C0130


CSS-Code:

background-image: radial-gradient(circle, #000F7D 5%, #DEDA04 46%, #8C0130 106%);

HEX #000F7D over HEX #DEDA04 to HEX #308C01


CSS-Code:

background-image: linear-gradient(115deg, #000F7D 3%, #DEDA04 52%, #308C01 86%);


HEX #000F7D over HEX #DEDA04 to HEX #308C01


CSS-Code:

background-image: radial-gradient(circle, #000F7D 9%, #DEDA04 52%, #308C01 103%);

HEX #0CEDED over HEX #000F7D to HEX #8C0130


CSS-Code:

background-image: linear-gradient(115deg, #0CEDED 2%, #000F7D 46%, #8C0130 92%);


HEX #0CEDED over HEX #000F7D to HEX #8C0130


CSS-Code:

background-image: radial-gradient(circle, #0CEDED 8%, #000F7D 43%, #8C0130 102%);

HEX #0CEDED over HEX #000F7D to HEX #308C01


CSS-Code:

background-image: linear-gradient(115deg, #0CEDED 4%, #000F7D 45%, #308C01 107%);


HEX #0CEDED over HEX #000F7D to HEX #308C01


CSS-Code:

background-image: radial-gradient(circle, #0CEDED -2%, #000F7D 58%, #308C01 91%);

HEX #0CEDED over HEX #000F7D to HEX #DEDA04


CSS-Code:

background-image: linear-gradient(115deg, #0CEDED -7%, #000F7D 58%, #DEDA04 86%);


HEX #0CEDED over HEX #000F7D to HEX #DEDA04


CSS-Code:

background-image: radial-gradient(circle, #0CEDED 6%, #000F7D 42%, #DEDA04 99%);

HEX #0CEDED over HEX #8C0130 to HEX #000F7D


CSS-Code:

background-image: linear-gradient(115deg, #0CEDED 9%, #8C0130 48%, #000F7D 102%);


HEX #0CEDED over HEX #8C0130 to HEX #000F7D


CSS-Code:

background-image: radial-gradient(circle, #0CEDED 0%, #8C0130 46%, #000F7D 88%);

HEX #0CEDED over HEX #8C0130 to HEX #308C01


CSS-Code:

background-image: linear-gradient(115deg, #0CEDED -2%, #8C0130 49%, #308C01 107%);


HEX #0CEDED over HEX #8C0130 to HEX #308C01


CSS-Code:

background-image: radial-gradient(circle, #0CEDED 11%, #8C0130 58%, #308C01 96%);

HEX #0CEDED over HEX #8C0130 to HEX #DEDA04


CSS-Code:

background-image: linear-gradient(115deg, #0CEDED 4%, #8C0130 51%, #DEDA04 102%);


HEX #0CEDED over HEX #8C0130 to HEX #DEDA04


CSS-Code:

background-image: radial-gradient(circle, #0CEDED 11%, #8C0130 52%, #DEDA04 87%);

HEX #0CEDED over HEX #308C01 to HEX #000F7D


CSS-Code:

background-image: linear-gradient(115deg, #0CEDED 1%, #308C01 45%, #000F7D 104%);


HEX #0CEDED over HEX #308C01 to HEX #000F7D


CSS-Code:

background-image: radial-gradient(circle, #0CEDED 13%, #308C01 51%, #000F7D 88%);

HEX #0CEDED over HEX #308C01 to HEX #8C0130


CSS-Code:

background-image: linear-gradient(115deg, #0CEDED 0%, #308C01 45%, #8C0130 109%);


HEX #0CEDED over HEX #308C01 to HEX #8C0130


CSS-Code:

background-image: radial-gradient(circle, #0CEDED -6%, #308C01 46%, #8C0130 88%);

HEX #0CEDED over HEX #308C01 to HEX #DEDA04


CSS-Code:

background-image: linear-gradient(115deg, #0CEDED -8%, #308C01 45%, #DEDA04 100%);


HEX #0CEDED over HEX #308C01 to HEX #DEDA04


CSS-Code:

background-image: radial-gradient(circle, #0CEDED -5%, #308C01 47%, #DEDA04 109%);

HEX #0CEDED over HEX #DEDA04 to HEX #000F7D


CSS-Code:

background-image: linear-gradient(115deg, #0CEDED 4%, #DEDA04 49%, #000F7D 86%);


HEX #0CEDED over HEX #DEDA04 to HEX #000F7D


CSS-Code:

background-image: radial-gradient(circle, #0CEDED 6%, #DEDA04 53%, #000F7D 94%);

HEX #0CEDED over HEX #DEDA04 to HEX #8C0130


CSS-Code:

background-image: linear-gradient(115deg, #0CEDED -8%, #DEDA04 54%, #8C0130 105%);


HEX #0CEDED over HEX #DEDA04 to HEX #8C0130


CSS-Code:

background-image: radial-gradient(circle, #0CEDED 12%, #DEDA04 45%, #8C0130 98%);

HEX #0CEDED over HEX #DEDA04 to HEX #308C01


CSS-Code:

background-image: linear-gradient(115deg, #0CEDED 7%, #DEDA04 49%, #308C01 91%);


HEX #0CEDED over HEX #DEDA04 to HEX #308C01


CSS-Code:

background-image: radial-gradient(circle, #0CEDED 8%, #DEDA04 45%, #308C01 102%);

HEX #8C0130 over HEX #000F7D to HEX #0CEDED


CSS-Code:

background-image: linear-gradient(115deg, #8C0130 -5%, #000F7D 44%, #0CEDED 99%);


HEX #8C0130 over HEX #000F7D to HEX #0CEDED


CSS-Code:

background-image: radial-gradient(circle, #8C0130 5%, #000F7D 45%, #0CEDED 86%);

HEX #8C0130 over HEX #000F7D to HEX #308C01


CSS-Code:

background-image: linear-gradient(115deg, #8C0130 9%, #000F7D 50%, #308C01 88%);


HEX #8C0130 over HEX #000F7D to HEX #308C01


CSS-Code:

background-image: radial-gradient(circle, #8C0130 12%, #000F7D 44%, #308C01 90%);

HEX #8C0130 over HEX #000F7D to HEX #DEDA04


CSS-Code:

background-image: linear-gradient(115deg, #8C0130 0%, #000F7D 53%, #DEDA04 104%);


HEX #8C0130 over HEX #000F7D to HEX #DEDA04


CSS-Code:

background-image: radial-gradient(circle, #8C0130 14%, #000F7D 42%, #DEDA04 109%);

HEX #8C0130 over HEX #0CEDED to HEX #000F7D


CSS-Code:

background-image: linear-gradient(115deg, #8C0130 -3%, #0CEDED 50%, #000F7D 86%);


HEX #8C0130 over HEX #0CEDED to HEX #000F7D


CSS-Code:

background-image: radial-gradient(circle, #8C0130 0%, #0CEDED 45%, #000F7D 97%);

HEX #8C0130 over HEX #0CEDED to HEX #308C01


CSS-Code:

background-image: linear-gradient(115deg, #8C0130 -5%, #0CEDED 56%, #308C01 91%);


HEX #8C0130 over HEX #0CEDED to HEX #308C01


CSS-Code:

background-image: radial-gradient(circle, #8C0130 7%, #0CEDED 55%, #308C01 91%);

HEX #8C0130 over HEX #0CEDED to HEX #DEDA04


CSS-Code:

background-image: linear-gradient(115deg, #8C0130 12%, #0CEDED 42%, #DEDA04 93%);


HEX #8C0130 over HEX #0CEDED to HEX #DEDA04


CSS-Code:

background-image: radial-gradient(circle, #8C0130 12%, #0CEDED 43%, #DEDA04 89%);

HEX #8C0130 over HEX #308C01 to HEX #000F7D


CSS-Code:

background-image: linear-gradient(115deg, #8C0130 -8%, #308C01 42%, #000F7D 92%);


HEX #8C0130 over HEX #308C01 to HEX #000F7D


CSS-Code:

background-image: radial-gradient(circle, #8C0130 10%, #308C01 42%, #000F7D 102%);

HEX #8C0130 over HEX #308C01 to HEX #0CEDED


CSS-Code:

background-image: linear-gradient(115deg, #8C0130 -7%, #308C01 51%, #0CEDED 91%);


HEX #8C0130 over HEX #308C01 to HEX #0CEDED


CSS-Code:

background-image: radial-gradient(circle, #8C0130 -1%, #308C01 54%, #0CEDED 86%);

HEX #8C0130 over HEX #308C01 to HEX #DEDA04


CSS-Code:

background-image: linear-gradient(115deg, #8C0130 -3%, #308C01 52%, #DEDA04 100%);


HEX #8C0130 over HEX #308C01 to HEX #DEDA04


CSS-Code:

background-image: radial-gradient(circle, #8C0130 5%, #308C01 52%, #DEDA04 94%);

HEX #8C0130 over HEX #DEDA04 to HEX #000F7D


CSS-Code:

background-image: linear-gradient(115deg, #8C0130 2%, #DEDA04 45%, #000F7D 90%);


HEX #8C0130 over HEX #DEDA04 to HEX #000F7D


CSS-Code:

background-image: radial-gradient(circle, #8C0130 -3%, #DEDA04 55%, #000F7D 98%);

HEX #8C0130 over HEX #DEDA04 to HEX #0CEDED


CSS-Code:

background-image: linear-gradient(115deg, #8C0130 5%, #DEDA04 42%, #0CEDED 100%);


HEX #8C0130 over HEX #DEDA04 to HEX #0CEDED


CSS-Code:

background-image: radial-gradient(circle, #8C0130 -4%, #DEDA04 44%, #0CEDED 109%);

HEX #8C0130 over HEX #DEDA04 to HEX #308C01


CSS-Code:

background-image: linear-gradient(115deg, #8C0130 -2%, #DEDA04 43%, #308C01 108%);


HEX #8C0130 over HEX #DEDA04 to HEX #308C01


CSS-Code:

background-image: radial-gradient(circle, #8C0130 -8%, #DEDA04 42%, #308C01 100%);

HEX #308C01 over HEX #000F7D to HEX #0CEDED


CSS-Code:

background-image: linear-gradient(115deg, #308C01 1%, #000F7D 57%, #0CEDED 87%);


HEX #308C01 over HEX #000F7D to HEX #0CEDED


CSS-Code:

background-image: radial-gradient(circle, #308C01 -7%, #000F7D 48%, #0CEDED 99%);

HEX #308C01 over HEX #000F7D to HEX #8C0130


CSS-Code:

background-image: linear-gradient(115deg, #308C01 9%, #000F7D 45%, #8C0130 105%);


HEX #308C01 over HEX #000F7D to HEX #8C0130


CSS-Code:

background-image: radial-gradient(circle, #308C01 0%, #000F7D 58%, #8C0130 104%);

HEX #308C01 over HEX #000F7D to HEX #DEDA04


CSS-Code:

background-image: linear-gradient(115deg, #308C01 3%, #000F7D 47%, #DEDA04 98%);


HEX #308C01 over HEX #000F7D to HEX #DEDA04


CSS-Code:

background-image: radial-gradient(circle, #308C01 -6%, #000F7D 51%, #DEDA04 88%);

HEX #308C01 over HEX #0CEDED to HEX #000F7D


CSS-Code:

background-image: linear-gradient(115deg, #308C01 2%, #0CEDED 49%, #000F7D 101%);


HEX #308C01 over HEX #0CEDED to HEX #000F7D


CSS-Code:

background-image: radial-gradient(circle, #308C01 -7%, #0CEDED 46%, #000F7D 106%);

HEX #308C01 over HEX #0CEDED to HEX #8C0130


CSS-Code:

background-image: linear-gradient(115deg, #308C01 -5%, #0CEDED 49%, #8C0130 96%);


HEX #308C01 over HEX #0CEDED to HEX #8C0130


CSS-Code:

background-image: radial-gradient(circle, #308C01 -7%, #0CEDED 46%, #8C0130 99%);

HEX #308C01 over HEX #0CEDED to HEX #DEDA04


CSS-Code:

background-image: linear-gradient(115deg, #308C01 0%, #0CEDED 57%, #DEDA04 89%);


HEX #308C01 over HEX #0CEDED to HEX #DEDA04


CSS-Code:

background-image: radial-gradient(circle, #308C01 3%, #0CEDED 46%, #DEDA04 105%);

HEX #308C01 over HEX #8C0130 to HEX #000F7D


CSS-Code:

background-image: linear-gradient(115deg, #308C01 5%, #8C0130 50%, #000F7D 105%);


HEX #308C01 over HEX #8C0130 to HEX #000F7D


CSS-Code:

background-image: radial-gradient(circle, #308C01 12%, #8C0130 45%, #000F7D 92%);

HEX #308C01 over HEX #8C0130 to HEX #0CEDED


CSS-Code:

background-image: linear-gradient(115deg, #308C01 -3%, #8C0130 42%, #0CEDED 106%);


HEX #308C01 over HEX #8C0130 to HEX #0CEDED


CSS-Code:

background-image: radial-gradient(circle, #308C01 -5%, #8C0130 56%, #0CEDED 101%);

HEX #308C01 over HEX #8C0130 to HEX #DEDA04


CSS-Code:

background-image: linear-gradient(115deg, #308C01 -5%, #8C0130 57%, #DEDA04 87%);


HEX #308C01 over HEX #8C0130 to HEX #DEDA04


CSS-Code:

background-image: radial-gradient(circle, #308C01 -6%, #8C0130 56%, #DEDA04 100%);

HEX #308C01 over HEX #DEDA04 to HEX #000F7D


CSS-Code:

background-image: linear-gradient(115deg, #308C01 -5%, #DEDA04 43%, #000F7D 102%);


HEX #308C01 over HEX #DEDA04 to HEX #000F7D


CSS-Code:

background-image: radial-gradient(circle, #308C01 9%, #DEDA04 45%, #000F7D 87%);

HEX #308C01 over HEX #DEDA04 to HEX #0CEDED


CSS-Code:

background-image: linear-gradient(115deg, #308C01 11%, #DEDA04 55%, #0CEDED 88%);


HEX #308C01 over HEX #DEDA04 to HEX #0CEDED


CSS-Code:

background-image: radial-gradient(circle, #308C01 5%, #DEDA04 42%, #0CEDED 98%);

HEX #308C01 over HEX #DEDA04 to HEX #8C0130


CSS-Code:

background-image: linear-gradient(115deg, #308C01 -1%, #DEDA04 46%, #8C0130 101%);


HEX #308C01 over HEX #DEDA04 to HEX #8C0130


CSS-Code:

background-image: radial-gradient(circle, #308C01 -3%, #DEDA04 57%, #8C0130 90%);

HEX #DEDA04 over HEX #000F7D to HEX #0CEDED


CSS-Code:

background-image: linear-gradient(115deg, #DEDA04 11%, #000F7D 55%, #0CEDED 89%);


HEX #DEDA04 over HEX #000F7D to HEX #0CEDED


CSS-Code:

background-image: radial-gradient(circle, #DEDA04 2%, #000F7D 50%, #0CEDED 100%);

HEX #DEDA04 over HEX #000F7D to HEX #8C0130


CSS-Code:

background-image: linear-gradient(115deg, #DEDA04 11%, #000F7D 54%, #8C0130 101%);


HEX #DEDA04 over HEX #000F7D to HEX #8C0130


CSS-Code:

background-image: radial-gradient(circle, #DEDA04 -6%, #000F7D 52%, #8C0130 92%);

2-Color Gradients adjusted (40 pieces)

Show

3-Color Gradients adjusted (120 pieces)

Show