#ACAAA1 - #836D4B | 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 #ACAAA1 a #836D4B

#ACAAA1 #836D4B

Calcola il colore tra due colori, #ACAAA1 e #836D4B. 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)

#ACAAA1 - #836D4B | 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 #ACAAA1 come 0% e #836D4B come 100%.

0.0%	0.0% #ACAAA1	RGB 172 170 161	#ACAAA1
16.7%	16.7% #A59F92	RGB 165 159 146	#A59F92
33.3%	33.3% #9E9584	RGB 158 149 132	#9E9584
50.0%	50.0% #978B76	RGB 151 139 118	#978B76
66.7%	66.7% #908167	RGB 144 129 103	#908167
83.3%	83.3% #897759	RGB 137 119 89	#897759
100.0%	100.0% #836D4B	RGB 131 109 75	#836D4B

#ACAAA1 #A59F92 #9E9584 #978B76 #908167 #897759 #836D4B

#ACAAA1 - #836D4B

Miscela HSV

#ACAAA1 - #836D4B | 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 #ACAAA1 come 0% e #836D4B come 100%.

0.0%	0.0% #ACAAA1	RGB 172 170 161	#ACAAA1
16.7%	16.7% #A5A090	RGB 165 160 144	#A5A090
33.3%	33.3% #9E9681	RGB 158 150 129	#9E9681
50.0%	50.0% #978C72	RGB 151 140 114	#978C72
66.7%	66.7% #908264	RGB 144 130 100	#908264
83.3%	83.3% #897757	RGB 137 119 87	#897757
100.0%	100.0% #836D4B	RGB 131 109 75	#836D4B

#ACAAA1 #A5A090 #9E9681 #978C72 #908264 #897757 #836D4B

#ACAAA1 - #978C72 - #836D4B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACAAA1 0%, #978C72 50%, #836D4B 100%);
    background: -webkit-linear-gradient(top, #ACAAA1 0%, #978C72 50%, #836D4B 100%);
    background: linear-gradient(to bottom, #ACAAA1 0%, #978C72 50%, #836D4B 100%);
}
</style>