#DF3C8F - #8B0044 | 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 #DF3C8F a #8B0044

#DF3C8F #8B0044

Calcola il colore tra due colori, #DF3C8F e #8B0044. 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)

#DF3C8F - #8B0044 | 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 #DF3C8F come 0% e #8B0044 come 100%.

0.0%	0.0% #DF3C8F	RGB 223 60 143	#DF3C8F
16.7%	16.7% #D13282	RGB 209 50 130	#D13282
33.3%	33.3% #C32876	RGB 195 40 118	#C32876
50.0%	50.0% #B51E69	RGB 181 30 105	#B51E69
66.7%	66.7% #A7145D	RGB 167 20 93	#A7145D
83.3%	83.3% #990A50	RGB 153 10 80	#990A50
100.0%	100.0% #8B0044	RGB 139 0 68	#8B0044

#DF3C8F #D13282 #C32876 #B51E69 #A7145D #990A50 #8B0044

#DF3C8F - #8B0044

Miscela HSV

#DF3C8F - #8B0044 | 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 #DF3C8F come 0% e #8B0044 come 100%.

0.0%	0.0% #DF3C8E	RGB 223 60 142	#DF3C8E
16.7%	16.7% #D12E80	RGB 209 46 128	#D12E80
33.3%	33.3% #C32273	RGB 195 34 115	#C32273
50.0%	50.0% #B51866	RGB 181 24 102	#B51866
66.7%	66.7% #A70E5A	RGB 167 14 90	#A70E5A
83.3%	83.3% #99064E	RGB 153 6 78	#99064E
100.0%	100.0% #8B0044	RGB 139 0 68	#8B0044

#DF3C8E #D12E80 #C32273 #B51866 #A70E5A #99064E #8B0044

#DF3C8F - #B51866 - #8B0044

Codici CSS

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

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