#C92DFF - #4A00CB | 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 #C92DFF a #4A00CB

#C92DFF #4A00CB

Calcola il colore tra due colori, #C92DFF e #4A00CB. 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)

#C92DFF - #4A00CB | 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 #C92DFF come 0% e #4A00CB come 100%.

0.0%	0.0% #C92DFF	RGB 201 45 255	#C92DFF
16.7%	16.7% #B325F6	RGB 179 37 246	#B325F6
33.3%	33.3% #9E1EED	RGB 158 30 237	#9E1EED
50.0%	50.0% #8916E5	RGB 137 22 229	#8916E5
66.7%	66.7% #740EDC	RGB 116 14 220	#740EDC
83.3%	83.3% #5F07D3	RGB 95 7 211	#5F07D3
100.0%	100.0% #4A00CB	RGB 74 0 203	#4A00CB

#C92DFF #B325F6 #9E1EED #8916E5 #740EDC #5F07D3 #4A00CB

#C92DFF - #4A00CB

Miscela HSV

#C92DFF - #4A00CB | 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 #C92DFF come 0% e #4A00CB come 100%.

0.0%	0.0% #C92CFF	RGB 201 44 255	#C92CFF
16.7%	16.7% #B324F6	RGB 179 36 246	#B324F6
33.3%	33.3% #9D1BED	RGB 157 27 237	#9D1BED
50.0%	50.0% #8714E5	RGB 135 20 229	#8714E5
66.7%	66.7% #720CDC	RGB 114 12 220	#720CDC
83.3%	83.3% #5E06D3	RGB 94 6 211	#5E06D3
100.0%	100.0% #4A00CB	RGB 74 0 203	#4A00CB

#C92CFF #B324F6 #9D1BED #8714E5 #720CDC #5E06D3 #4A00CB

#C92DFF - #8714E5 - #4A00CB

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C92CFF 0%, #8714E5 50%, #4A00CB 100%);
    background: -webkit-linear-gradient(top, #C92CFF 0%, #8714E5 50%, #4A00CB 100%);
    background: linear-gradient(to bottom, #C92CFF 0%, #8714E5 50%, #4A00CB 100%);
}
</style>