#C1A2D9 - #372E3E | 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 #C1A2D9 a #372E3E

#C1A2D9 #372E3E

Calcola il colore tra due colori, #C1A2D9 e #372E3E. 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)

#C1A2D9 - #372E3E | 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 #C1A2D9 come 0% e #372E3E come 100%.

0.0%	0.0% #C1A2D9	RGB 193 162 217	#C1A2D9
16.7%	16.7% #AA8EBF	RGB 170 142 191	#AA8EBF
33.3%	33.3% #937BA5	RGB 147 123 165	#937BA5
50.0%	50.0% #7C688B	RGB 124 104 139	#7C688B
66.7%	66.7% #655471	RGB 101 84 113	#655471
83.3%	83.3% #4E4157	RGB 78 65 87	#4E4157
100.0%	100.0% #372E3E	RGB 55 46 62	#372E3E

#C1A2D9 #AA8EBF #937BA5 #7C688B #655471 #4E4157 #372E3E

#C1A2D9 - #372E3E

Miscela HSV

#C1A2D9 - #372E3E | 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 #C1A2D9 come 0% e #372E3E come 100%.

0.0%	0.0% #C1A2D9	RGB 193 162 217	#C1A2D9
16.7%	16.7% #A98EBF	RGB 169 142 191	#A98EBF
33.3%	33.3% #927BA5	RGB 146 123 165	#927BA5
50.0%	50.0% #7B678B	RGB 123 103 139	#7B678B
66.7%	66.7% #645471	RGB 100 84 113	#645471
83.3%	83.3% #4D4157	RGB 77 65 87	#4D4157
100.0%	100.0% #372E3E	RGB 55 46 62	#372E3E

#C1A2D9 #A98EBF #927BA5 #7B678B #645471 #4D4157 #372E3E

#C1A2D9 - #7B678B - #372E3E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C1A2D9 0%, #7B678B 50%, #372E3E 100%);
    background: -webkit-linear-gradient(top, #C1A2D9 0%, #7B678B 50%, #372E3E 100%);
    background: linear-gradient(to bottom, #C1A2D9 0%, #7B678B 50%, #372E3E 100%);
}
</style>