#AAA3A0 - #8C5D4A | 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 #AAA3A0 a #8C5D4A

#AAA3A0 #8C5D4A

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

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

0.0%	0.0% #AAA3A0	RGB 170 163 160	#AAA3A0
16.7%	16.7% #A59791	RGB 165 151 145	#A59791
33.3%	33.3% #A08B83	RGB 160 139 131	#A08B83
50.0%	50.0% #9B8075	RGB 155 128 117	#9B8075
66.7%	66.7% #967466	RGB 150 116 102	#967466
83.3%	83.3% #916858	RGB 145 104 88	#916858
100.0%	100.0% #8C5D4A	RGB 140 93 74	#8C5D4A

#AAA3A0 #A59791 #A08B83 #9B8075 #967466 #916858 #8C5D4A

#AAA3A0 - #8C5D4A

Miscela HSV

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

0.0%	0.0% #AAA3A0	RGB 170 163 160	#AAA3A0
16.7%	16.7% #A5968F	RGB 165 150 143	#A5968F
33.3%	33.3% #A08980	RGB 160 137 128	#A08980
50.0%	50.0% #9B7D71	RGB 155 125 113	#9B7D71
66.7%	66.7% #967263	RGB 150 114 99	#967263
83.3%	83.3% #916756	RGB 145 103 86	#916756
100.0%	100.0% #8C5D4A	RGB 140 93 74	#8C5D4A

#AAA3A0 #A5968F #A08980 #9B7D71 #967263 #916756 #8C5D4A

#AAA3A0 - #9B7D71 - #8C5D4A

Codici CSS

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

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