#DF2DBA - #FD52C8 | colorate

colorate è uno strumento per schemi a colori per designer e sviluppatori. Questo ti aiuterà a trarre ispirazione e funge da risorsa per il tuo lavoro a colori. Rendi questo sito migliore

Miscela da #DF2DBA a #FD52C8

#DF2DBA #FD52C8

Calcola il colore tra due colori, #DF2DBA e #FD52C8. Nel calcolo dei valori RGB, la saturazione tra i colori diversi è bassa. Nel calcolo dei valori HSV, la saturazione tra i colori diversi non è bassa.

Miscela RGB (lineare)

#DF2DBA - #FD52C8 | colorate

Calcolo del colore tra due colori in base al valore RGB. Per i colori distanti tra loro, la saturazione tra i due colori diminuisce. Espandi il colore tra due colori con #DF2DBA come 0% e #FD52C8 come 100%.

0.0%	0.0% #DF2DBA	RGB 223 45 186	#DF2DBA
16.7%	16.7% #E433BC	RGB 228 51 188	#E433BC
33.3%	33.3% #E939BE	RGB 233 57 190	#E939BE
50.0%	50.0% #EE3FC1	RGB 238 63 193	#EE3FC1
66.7%	66.7% #F345C3	RGB 243 69 195	#F345C3
83.3%	83.3% #F84BC5	RGB 248 75 197	#F84BC5
100.0%	100.0% #FD52C8	RGB 253 82 200	#FD52C8

#DF2DBA #E433BC #E939BE #EE3FC1 #F345C3 #F84BC5 #FD52C8

#DF2DBA - #FD52C8

Miscela HSV

#DF2DBA - #FD52C8 | colorate

Calcolo del colore tra due colori in base al valore HSV. Anche tra distinti colori di colore, la saturazione tra i due colori non diminuisce. Espandi il colore tra due colori con #DF2DBA come 0% e #FD52C8 come 100%.

0.0%	0.0% #DF2DB9	RGB 223 45 185	#DF2DB9
16.7%	16.7% #E432BC	RGB 228 50 188	#E432BC
33.3%	33.3% #E938BE	RGB 233 56 190	#E938BE
50.0%	50.0% #EE3EC0	RGB 238 62 192	#EE3EC0
66.7%	66.7% #F344C2	RGB 243 68 194	#F344C2
83.3%	83.3% #F84BC5	RGB 248 75 197	#F84BC5
100.0%	100.0% #FD52C8	RGB 253 82 200	#FD52C8

#DF2DB9 #E432BC #E938BE #EE3EC0 #F344C2 #F84BC5 #FD52C8

#DF2DBA - #EE3EC0 - #FD52C8

Codici CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #DF2DBA 0%, #FD52C8 100%);
    background: -webkit-linear-gradient(top, #DF2DBA 0%, #FD52C8 100%);
    background: linear-gradient(to bottom, #DF2DBA 0%, #FD52C8 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DF2DB9 0%, #EE3EC0 50%, #FD52C8 100%);
    background: -webkit-linear-gradient(top, #DF2DB9 0%, #EE3EC0 50%, #FD52C8 100%);
    background: linear-gradient(to bottom, #DF2DB9 0%, #EE3EC0 50%, #FD52C8 100%);
}
</style>