Dear color lovers – together, we’ll have a more colorful future. Support us on

Gradients

Overview

Possible uses

All published color gradients at a glance. Use name filters and sort by various criteria. Rate the most beautiful gradients and create your own from the colors that match best.

Display options

1
2
3
4
5
6
7
8
9
10
11
+1

e


CSS-Code:

background-image: linear-gradient(98deg, #FCB75D 11%,#348390 64%);

+1

e


CSS-Code:

background-image: linear-gradient(273deg, #D0B084 39%,#688080 59%,#004F7C 82%);

0


CSS-Code:

background-image: radial-gradient(circle , #D0B084 39%,#004F7C 82%);

0


CSS-Code:

background-image: linear-gradient(@@VR8LBdeg, #9D31A5 7%,#62CE5A 88%);

0


CSS-Code:

background-image: linear-gradient(184'"deg, #9D31A5 7%,#62CE5A 88%);

0

(select 198766*667891 from DUAL)


CSS-Code:

background-image: linear-gradient(184deg, #9D31A5 7%,#62CE5A 88%);

0

(select 198766*667891)


CSS-Code:

background-image: linear-gradient(184deg, #9D31A5 7%,#62CE5A 88%);

0

@@NDlt8


CSS-Code:

background-image: linear-gradient(184deg, #9D31A5 7%,#62CE5A 88%);

0

'"


CSS-Code:

background-image: linear-gradient(184deg, #9D31A5 7%,#62CE5A 88%);

0

1'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||'


CSS-Code:

background-image: linear-gradient(184deg, #9D31A5 7%,#62CE5A 88%);

0

1*DBMS_PIPE.RECEIVE_MESSAGE(CHR(99)||CHR(99)||CHR(99),15)


CSS-Code:

background-image: linear-gradient(184deg, #9D31A5 7%,#62CE5A 88%);

0

1XifeKEfQ')) OR 270=(SELECT 270 FROM PG_SLEEP(15))--


CSS-Code:

background-image: linear-gradient(184deg, #9D31A5 7%,#62CE5A 88%);

0

19UL2X5tr') OR 729=(SELECT 729 FROM PG_SLEEP(15))--


CSS-Code:

background-image: linear-gradient(184deg, #9D31A5 7%,#62CE5A 88%);

0

1GzlSI0Mr' OR 901=(SELECT 901 FROM PG_SLEEP(15))--


CSS-Code:

background-image: linear-gradient(184deg, #9D31A5 7%,#62CE5A 88%);

0

1-1)) OR 579=(SELECT 579 FROM PG_SLEEP(15))--


CSS-Code:

background-image: linear-gradient(184deg, #9D31A5 7%,#62CE5A 88%);

-1

1-1) OR 530=(SELECT 530 FROM PG_SLEEP(15))--


CSS-Code:

background-image: linear-gradient(184deg, #9D31A5 7%,#62CE5A 88%);

-1

1-1 OR 935=(SELECT 935 FROM PG_SLEEP(15))--


CSS-Code:

background-image: linear-gradient(184deg, #9D31A5 7%,#62CE5A 88%);

-1

1RWldJNh6'; waitfor delay '0:0:15' --


CSS-Code:

background-image: linear-gradient(184deg, #9D31A5 7%,#62CE5A 88%);

-1

1-1 waitfor delay '0:0:15' --


CSS-Code:

background-image: linear-gradient(184deg, #9D31A5 7%,#62CE5A 88%);

-1

1-1); waitfor delay '0:0:15' --


CSS-Code:

background-image: linear-gradient(184deg, #9D31A5 7%,#62CE5A 88%);

-1

1-1; waitfor delay '0:0:15' --


CSS-Code:

background-image: linear-gradient(184deg, #9D31A5 7%,#62CE5A 88%);

-1

(select(0)from(select(sleep(15)))v)/*'+(select(0)from(select(sleep(15)))v)+'"+(select(0)from(select(sleep(15)))v)+"*/


CSS-Code:

background-image: linear-gradient(184deg, #9D31A5 7%,#62CE5A 88%);

-1

10"XOR(1*if(now()=sysdate(),sleep(15),0))XOR"Z


CSS-Code:

background-image: linear-gradient(184deg, #9D31A5 7%,#62CE5A 88%);

-1

10'XOR(1*if(now()=sysdate(),sleep(15),0))XOR'Z


CSS-Code:

background-image: linear-gradient(184deg, #9D31A5 7%,#62CE5A 88%);

-1

1*if(now()=sysdate(),sleep(15),0)


CSS-Code:

background-image: linear-gradient(184deg, #9D31A5 7%,#62CE5A 88%);

Verification of their color palette as a manufacturer!

Provide designers and agencies with accurate color values.

Let's go

Advertisement

1
2
3
4
5
6
7
8
9
10
11

To be able to save color palettes, a registration is required.

Log in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Cancel Share

Color palette shared
Please copy and save the desired link.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View them under your profile.
You can customize them further, and share them.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking on you can create palettes and download the color swatches.