#C465FF - #5E00CB | 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 #C465FF a #5E00CB

#C465FF #5E00CB

Calcola il colore tra due colori, #C465FF e #5E00CB. 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)

#C465FF - #5E00CB | 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 #C465FF come 0% e #5E00CB come 100%.

0.0%	0.0% #C465FF	RGB 196 101 255	#C465FF
16.7%	16.7% #B354F6	RGB 179 84 246	#B354F6
33.3%	33.3% #A243ED	RGB 162 67 237	#A243ED
50.0%	50.0% #9132E5	RGB 145 50 229	#9132E5
66.7%	66.7% #8021DC	RGB 128 33 220	#8021DC
83.3%	83.3% #6F10D3	RGB 111 16 211	#6F10D3
100.0%	100.0% #5E00CB	RGB 94 0 203	#5E00CB

#C465FF #B354F6 #A243ED #9132E5 #8021DC #6F10D3 #5E00CB

#C465FF - #5E00CB

Miscela HSV

#C465FF - #5E00CB | 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 #C465FF come 0% e #5E00CB come 100%.

0.0%	0.0% #C465FF	RGB 196 101 255	#C465FF
16.7%	16.7% #B251F6	RGB 178 81 246	#B251F6
33.3%	33.3% #A13EED	RGB 161 62 237	#A13EED
50.0%	50.0% #902DE5	RGB 144 45 229	#902DE5
66.7%	66.7% #7F1DDC	RGB 127 29 220	#7F1DDC
83.3%	83.3% #6E0DD3	RGB 110 13 211	#6E0DD3
100.0%	100.0% #5E00CB	RGB 94 0 203	#5E00CB

#C465FF #B251F6 #A13EED #902DE5 #7F1DDC #6E0DD3 #5E00CB

#C465FF - #902DE5 - #5E00CB

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C465FF 0%, #902DE5 50%, #5E00CB 100%);
    background: -webkit-linear-gradient(top, #C465FF 0%, #902DE5 50%, #5E00CB 100%);
    background: linear-gradient(to bottom, #C465FF 0%, #902DE5 50%, #5E00CB 100%);
}
</style>