#ACA9A8 - #8F6252 | 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 #ACA9A8 a #8F6252

#ACA9A8 #8F6252

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

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

0.0%	0.0% #ACA9A8	RGB 172 169 168	#ACA9A8
16.7%	16.7% #A79D99	RGB 167 157 153	#A79D99
33.3%	33.3% #A2918B	RGB 162 145 139	#A2918B
50.0%	50.0% #9D857D	RGB 157 133 125	#9D857D
66.7%	66.7% #98796E	RGB 152 121 110	#98796E
83.3%	83.3% #936D60	RGB 147 109 96	#936D60
100.0%	100.0% #8F6252	RGB 143 98 82	#8F6252

#ACA9A8 #A79D99 #A2918B #9D857D #98796E #936D60 #8F6252

#ACA9A8 - #8F6252

Miscela HSV

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

0.0%	0.0% #ACA9A8	RGB 172 169 168	#ACA9A8
16.7%	16.7% #A79B98	RGB 167 155 152	#A79B98
33.3%	33.3% #A28F88	RGB 162 143 136	#A28F88
50.0%	50.0% #9D837A	RGB 157 131 122	#9D837A
66.7%	66.7% #98776C	RGB 152 119 108	#98776C
83.3%	83.3% #936C5E	RGB 147 108 94	#936C5E
100.0%	100.0% #8F6252	RGB 143 98 82	#8F6252

#ACA9A8 #A79B98 #A28F88 #9D837A #98776C #936C5E #8F6252

#ACA9A8 - #9D837A - #8F6252

Codici CSS

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

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