#ACAAA7 - #8C7651 | 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 #ACAAA7 a #8C7651

#ACAAA7 #8C7651

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

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

0.0%	0.0% #ACAAA7	RGB 172 170 167	#ACAAA7
16.7%	16.7% #A6A198	RGB 166 161 152	#A6A198
33.3%	33.3% #A1988A	RGB 161 152 138	#A1988A
50.0%	50.0% #9C907C	RGB 156 144 124	#9C907C
66.7%	66.7% #96876D	RGB 150 135 109	#96876D
83.3%	83.3% #917E5F	RGB 145 126 95	#917E5F
100.0%	100.0% #8C7651	RGB 140 118 81	#8C7651

#ACAAA7 #A6A198 #A1988A #9C907C #96876D #917E5F #8C7651

#ACAAA7 - #8C7651

Miscela HSV

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

0.0%	0.0% #ACAAA7	RGB 172 170 167	#ACAAA7
16.7%	16.7% #A6A096	RGB 166 160 150	#A6A096
33.3%	33.3% #A19787	RGB 161 151 135	#A19787
50.0%	50.0% #9C8E78	RGB 156 142 120	#9C8E78
66.7%	66.7% #96856A	RGB 150 133 106	#96856A
83.3%	83.3% #917D5D	RGB 145 125 93	#917D5D
100.0%	100.0% #8C7651	RGB 140 118 81	#8C7651

#ACAAA7 #A6A096 #A19787 #9C8E78 #96856A #917D5D #8C7651

#ACAAA7 - #9C8E78 - #8C7651

Codici CSS

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

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