#C3A2FF - #8A2DCD | 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 #C3A2FF a #8A2DCD

#C3A2FF #8A2DCD

Calcola il colore tra due colori, #C3A2FF e #8A2DCD. 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)

#C3A2FF - #8A2DCD | 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 #C3A2FF come 0% e #8A2DCD come 100%.

0.0%	0.0% #C3A2FF	RGB 195 162 255	#C3A2FF
16.7%	16.7% #B98EF6	RGB 185 142 246	#B98EF6
33.3%	33.3% #B07BEE	RGB 176 123 238	#B07BEE
50.0%	50.0% #A667E6	RGB 166 103 230	#A667E6
66.7%	66.7% #9D54DD	RGB 157 84 221	#9D54DD
83.3%	83.3% #9340D5	RGB 147 64 213	#9340D5
100.0%	100.0% #8A2DCD	RGB 138 45 205	#8A2DCD

#C3A2FF #B98EF6 #B07BEE #A667E6 #9D54DD #9340D5 #8A2DCD

#C3A2FF - #8A2DCD

Miscela HSV

#C3A2FF - #8A2DCD | 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 #C3A2FF come 0% e #8A2DCD come 100%.

0.0%	0.0% #C3A2FF	RGB 195 162 255	#C3A2FF
16.7%	16.7% #B58BF6	RGB 181 139 246	#B58BF6
33.3%	33.3% #A976EE	RGB 169 118 238	#A976EE
50.0%	50.0% #9F62E6	RGB 159 98 230	#9F62E6
66.7%	66.7% #974FDD	RGB 151 79 221	#974FDD
83.3%	83.3% #903DD5	RGB 144 61 213	#903DD5
100.0%	100.0% #8A2DCD	RGB 138 45 205	#8A2DCD

#C3A2FF #B58BF6 #A976EE #9F62E6 #974FDD #903DD5 #8A2DCD

#C3A2FF - #9F62E6 - #8A2DCD

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3A2FF 0%, #9F62E6 50%, #8A2DCD 100%);
    background: -webkit-linear-gradient(top, #C3A2FF 0%, #9F62E6 50%, #8A2DCD 100%);
    background: linear-gradient(to bottom, #C3A2FF 0%, #9F62E6 50%, #8A2DCD 100%);
}
</style>