#CDB5E7 - #8042BE | 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 #CDB5E7 a #8042BE

#CDB5E7 #8042BE

Calcola il colore tra due colori, #CDB5E7 e #8042BE. 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)

#CDB5E7 - #8042BE | 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 #CDB5E7 come 0% e #8042BE come 100%.

0.0%	0.0% #CDB5E7	RGB 205 181 231	#CDB5E7
16.7%	16.7% #C0A1E0	RGB 192 161 224	#C0A1E0
33.3%	33.3% #B38ED9	RGB 179 142 217	#B38ED9
50.0%	50.0% #A67BD2	RGB 166 123 210	#A67BD2
66.7%	66.7% #9968CB	RGB 153 104 203	#9968CB
83.3%	83.3% #8C55C4	RGB 140 85 196	#8C55C4
100.0%	100.0% #8042BE	RGB 128 66 190	#8042BE

#CDB5E7 #C0A1E0 #B38ED9 #A67BD2 #9968CB #8C55C4 #8042BE

#CDB5E7 - #8042BE

Miscela HSV

#CDB5E7 - #8042BE | 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 #CDB5E7 come 0% e #8042BE come 100%.

0.0%	0.0% #CDB5E7	RGB 205 181 231	#CDB5E7
16.7%	16.7% #BE9FE0	RGB 190 159 224	#BE9FE0
33.3%	33.3% #B08AD9	RGB 176 138 217	#B08AD9
50.0%	50.0% #A377D2	RGB 163 119 210	#A377D2
66.7%	66.7% #9764CB	RGB 151 100 203	#9764CB
83.3%	83.3% #8B52C4	RGB 139 82 196	#8B52C4
100.0%	100.0% #8042BE	RGB 128 66 190	#8042BE

#CDB5E7 #BE9FE0 #B08AD9 #A377D2 #9764CB #8B52C4 #8042BE

#CDB5E7 - #A377D2 - #8042BE

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDB5E7 0%, #A377D2 50%, #8042BE 100%);
    background: -webkit-linear-gradient(top, #CDB5E7 0%, #A377D2 50%, #8042BE 100%);
    background: linear-gradient(to bottom, #CDB5E7 0%, #A377D2 50%, #8042BE 100%);
}
</style>