#A8AAA2 - #65724B | 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 #A8AAA2 a #65724B

#A8AAA2 #65724B

Calcola il colore tra due colori, #A8AAA2 e #65724B. 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)

#A8AAA2 - #65724B | 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 #A8AAA2 come 0% e #65724B come 100%.

0.0%	0.0% #A8AAA2	RGB 168 170 162	#A8AAA2
16.7%	16.7% #9CA093	RGB 156 160 147	#9CA093
33.3%	33.3% #919785	RGB 145 151 133	#919785
50.0%	50.0% #868E76	RGB 134 142 118	#868E76
66.7%	66.7% #7B8468	RGB 123 132 104	#7B8468
83.3%	83.3% #707B59	RGB 112 123 89	#707B59
100.0%	100.0% #65724B	RGB 101 114 75	#65724B

#A8AAA2 #9CA093 #919785 #868E76 #7B8468 #707B59 #65724B

#A8AAA2 - #65724B

Miscela HSV

#A8AAA2 - #65724B | 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 #A8AAA2 come 0% e #65724B come 100%.

0.0%	0.0% #A8AAA2	RGB 168 170 162	#A8AAA2
16.7%	16.7% #9CA091	RGB 156 160 145	#9CA091
33.3%	33.3% #919781	RGB 145 151 129	#919781
50.0%	50.0% #858E72	RGB 133 142 114	#858E72
66.7%	66.7% #7A8464	RGB 122 132 100	#7A8464
83.3%	83.3% #6F7B57	RGB 111 123 87	#6F7B57
100.0%	100.0% #65724B	RGB 101 114 75	#65724B

#A8AAA2 #9CA091 #919781 #858E72 #7A8464 #6F7B57 #65724B

#A8AAA2 - #858E72 - #65724B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8AAA2 0%, #858E72 50%, #65724B 100%);
    background: -webkit-linear-gradient(top, #A8AAA2 0%, #858E72 50%, #65724B 100%);
    background: linear-gradient(to bottom, #A8AAA2 0%, #858E72 50%, #65724B 100%);
}
</style>