#A79694 - #8D4E3E | 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 #A79694 a #8D4E3E

#A79694 #8D4E3E

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

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

0.0%	0.0% #A79694	RGB 167 150 148	#A79694
16.7%	16.7% #A28A85	RGB 162 138 133	#A28A85
33.3%	33.3% #9E7E77	RGB 158 126 119	#9E7E77
50.0%	50.0% #9A7269	RGB 154 114 105	#9A7269
66.7%	66.7% #95665A	RGB 149 102 90	#95665A
83.3%	83.3% #915A4C	RGB 145 90 76	#915A4C
100.0%	100.0% #8D4E3E	RGB 141 78 62	#8D4E3E

#A79694 #A28A85 #9E7E77 #9A7269 #95665A #915A4C #8D4E3E

#A79694 - #8D4E3E

Miscela HSV

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

0.0%	0.0% #A79694	RGB 167 150 148	#A79694
16.7%	16.7% #A28784	RGB 162 135 132	#A28784
33.3%	33.3% #9E7A74	RGB 158 122 116	#9E7A74
50.0%	50.0% #9A6E66	RGB 154 110 102	#9A6E66
66.7%	66.7% #956258	RGB 149 98 88	#956258
83.3%	83.3% #91574A	RGB 145 87 74	#91574A
100.0%	100.0% #8D4E3E	RGB 141 78 62	#8D4E3E

#A79694 #A28784 #9E7A74 #9A6E66 #956258 #91574A #8D4E3E

#A79694 - #9A6E66 - #8D4E3E

Codici CSS

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

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