#ABA1B4 - #5E4969 | 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 #ABA1B4 a #5E4969

#ABA1B4 #5E4969

Calcola il colore tra due colori, #ABA1B4 e #5E4969. 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)

#ABA1B4 - #5E4969 | 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 #ABA1B4 come 0% e #5E4969 come 100%.

0.0%	0.0% #ABA1B4	RGB 171 161 180	#ABA1B4
16.7%	16.7% #9E92A7	RGB 158 146 167	#9E92A7
33.3%	33.3% #91839B	RGB 145 131 155	#91839B
50.0%	50.0% #84758E	RGB 132 117 142	#84758E
66.7%	66.7% #776682	RGB 119 102 130	#776682
83.3%	83.3% #6A5775	RGB 106 87 117	#6A5775
100.0%	100.0% #5E4969	RGB 94 73 105	#5E4969

#ABA1B4 #9E92A7 #91839B #84758E #776682 #6A5775 #5E4969

#ABA1B4 - #5E4969

Miscela HSV

#ABA1B4 - #5E4969 | 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 #ABA1B4 come 0% e #5E4969 come 100%.

0.0%	0.0% #ABA1B4	RGB 171 161 180	#ABA1B4
16.7%	16.7% #9C90A7	RGB 156 144 167	#9C90A7
33.3%	33.3% #8F809B	RGB 143 128 155	#8F809B
50.0%	50.0% #82718E	RGB 130 113 142	#82718E
66.7%	66.7% #766382	RGB 118 99 130	#766382
83.3%	83.3% #695575	RGB 105 85 117	#695575
100.0%	100.0% #5E4969	RGB 94 73 105	#5E4969

#ABA1B4 #9C90A7 #8F809B #82718E #766382 #695575 #5E4969

#ABA1B4 - #82718E - #5E4969

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABA1B4 0%, #82718E 50%, #5E4969 100%);
    background: -webkit-linear-gradient(top, #ABA1B4 0%, #82718E 50%, #5E4969 100%);
    background: linear-gradient(to bottom, #ABA1B4 0%, #82718E 50%, #5E4969 100%);
}
</style>