#C5C0FF - #6556CE | 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 #C5C0FF a #6556CE

#C5C0FF #6556CE

Calcola il colore tra due colori, #C5C0FF e #6556CE. 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)

#C5C0FF - #6556CE | 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 #C5C0FF come 0% e #6556CE come 100%.

0.0%	0.0% #C5C0FF	RGB 197 192 255	#C5C0FF
16.7%	16.7% #B5AEF6	RGB 181 174 246	#B5AEF6
33.3%	33.3% #A59CEE	RGB 165 156 238	#A59CEE
50.0%	50.0% #958BE6	RGB 149 139 230	#958BE6
66.7%	66.7% #8579DE	RGB 133 121 222	#8579DE
83.3%	83.3% #7567D6	RGB 117 103 214	#7567D6
100.0%	100.0% #6556CE	RGB 101 86 206	#6556CE

#C5C0FF #B5AEF6 #A59CEE #958BE6 #8579DE #7567D6 #6556CE

#C5C0FF - #6556CE

Miscela HSV

#C5C0FF - #6556CE | 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 #C5C0FF come 0% e #6556CE come 100%.

0.0%	0.0% #C5C0FF	RGB 197 192 255	#C5C0FF
16.7%	16.7% #B2ACF6	RGB 178 172 246	#B2ACF6
33.3%	33.3% #A199EE	RGB 161 153 238	#A199EE
50.0%	50.0% #9086E6	RGB 144 134 230	#9086E6
66.7%	66.7% #8175DE	RGB 129 117 222	#8175DE
83.3%	83.3% #7265D6	RGB 114 101 214	#7265D6
100.0%	100.0% #6556CE	RGB 101 86 206	#6556CE

#C5C0FF #B2ACF6 #A199EE #9086E6 #8175DE #7265D6 #6556CE

#C5C0FF - #9086E6 - #6556CE

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5C0FF 0%, #9086E6 50%, #6556CE 100%);
    background: -webkit-linear-gradient(top, #C5C0FF 0%, #9086E6 50%, #6556CE 100%);
    background: linear-gradient(to bottom, #C5C0FF 0%, #9086E6 50%, #6556CE 100%);
}
</style>