#CCC2FF - #8058CF | 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 #CCC2FF a #8058CF

#CCC2FF #8058CF

Calcola il colore tra due colori, #CCC2FF e #8058CF. 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)

#CCC2FF - #8058CF | 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 #CCC2FF come 0% e #8058CF come 100%.

0.0%	0.0% #CCC2FF	RGB 204 194 255	#CCC2FF
16.7%	16.7% #BFB0F7	RGB 191 176 247	#BFB0F7
33.3%	33.3% #B29EEF	RGB 178 158 239	#B29EEF
50.0%	50.0% #A68DE7	RGB 166 141 231	#A68DE7
66.7%	66.7% #997BDF	RGB 153 123 223	#997BDF
83.3%	83.3% #8C69D7	RGB 140 105 215	#8C69D7
100.0%	100.0% #8058CF	RGB 128 88 207	#8058CF

#CCC2FF #BFB0F7 #B29EEF #A68DE7 #997BDF #8C69D7 #8058CF

#CCC2FF - #8058CF

Miscela HSV

#CCC2FF - #8058CF | 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 #CCC2FF come 0% e #8058CF come 100%.

0.0%	0.0% #CCC2FF	RGB 204 194 255	#CCC2FF
16.7%	16.7% #BCAEF7	RGB 188 174 247	#BCAEF7
33.3%	33.3% #AD9BEF	RGB 173 155 239	#AD9BEF
50.0%	50.0% #A088E7	RGB 160 136 231	#A088E7
66.7%	66.7% #9477DF	RGB 148 119 223	#9477DF
83.3%	83.3% #8967D7	RGB 137 103 215	#8967D7
100.0%	100.0% #8058CF	RGB 128 88 207	#8058CF

#CCC2FF #BCAEF7 #AD9BEF #A088E7 #9477DF #8967D7 #8058CF

#CCC2FF - #A088E7 - #8058CF

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCC2FF 0%, #A088E7 50%, #8058CF 100%);
    background: -webkit-linear-gradient(top, #CCC2FF 0%, #A088E7 50%, #8058CF 100%);
    background: linear-gradient(to bottom, #CCC2FF 0%, #A088E7 50%, #8058CF 100%);
}
</style>