#C92CFF - #390C48 | 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 #C92CFF a #390C48

#C92CFF #390C48

Calcola il colore tra due colori, #C92CFF e #390C48. 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)

#C92CFF - #390C48 | 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 #C92CFF come 0% e #390C48 come 100%.

0.0%	0.0% #C92CFF	RGB 201 44 255	#C92CFF
16.7%	16.7% #B126E0	RGB 177 38 224	#B126E0
33.3%	33.3% #9921C2	RGB 153 33 194	#9921C2
50.0%	50.0% #811CA3	RGB 129 28 163	#811CA3
66.7%	66.7% #691684	RGB 105 22 132	#691684
83.3%	83.3% #511166	RGB 81 17 102	#511166
100.0%	100.0% #390C48	RGB 57 12 72	#390C48

#C92CFF #B126E0 #9921C2 #811CA3 #691684 #511166 #390C48

#C92CFF - #390C48

Miscela HSV

#C92CFF - #390C48 | 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 #C92CFF come 0% e #390C48 come 100%.

0.0%	0.0% #C92BFF	RGB 201 43 255	#C92BFF
16.7%	16.7% #B126E0	RGB 177 38 224	#B126E0
33.3%	33.3% #9921C2	RGB 153 33 194	#9921C2
50.0%	50.0% #811BA3	RGB 129 27 163	#811BA3
66.7%	66.7% #691684	RGB 105 22 132	#691684
83.3%	83.3% #511166	RGB 81 17 102	#511166
100.0%	100.0% #390C48	RGB 57 12 72	#390C48

#C92BFF #B126E0 #9921C2 #811BA3 #691684 #511166 #390C48

#C92CFF - #811BA3 - #390C48

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C92BFF 0%, #811BA3 50%, #390C48 100%);
    background: -webkit-linear-gradient(top, #C92BFF 0%, #811BA3 50%, #390C48 100%);
    background: linear-gradient(to bottom, #C92BFF 0%, #811BA3 50%, #390C48 100%);
}
</style>