#A8A8A8 - #529160 | 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 #A8A8A8 a #529160

#A8A8A8 #529160

Calcola il colore tra due colori, #A8A8A8 e #529160. 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)

#A8A8A8 - #529160 | 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 #A8A8A8 come 0% e #529160 come 100%.

0.0%	0.0% #A8A8A8	RGB 168 168 168	#A8A8A8
16.7%	16.7% #99A49C	RGB 153 164 156	#99A49C
33.3%	33.3% #8BA090	RGB 139 160 144	#8BA090
50.0%	50.0% #7D9C84	RGB 125 156 132	#7D9C84
66.7%	66.7% #6E9878	RGB 110 152 120	#6E9878
83.3%	83.3% #60946C	RGB 96 148 108	#60946C
100.0%	100.0% #529160	RGB 82 145 96	#529160

#A8A8A8 #99A49C #8BA090 #7D9C84 #6E9878 #60946C #529160

#A8A8A8 - #529160

Miscela HSV

#A8A8A8 - #529160 | 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 #A8A8A8 come 0% e #529160 come 100%.

0.0%	0.0% #A8A8A8	RGB 168 168 168	#A8A8A8
16.7%	16.7% #A49C98	RGB 164 156 152	#A49C98
33.3%	33.3% #A09A89	RGB 160 154 137	#A09A89
50.0%	50.0% #989C7A	RGB 152 156 122	#989C7A
66.7%	66.7% #83986C	RGB 131 152 108	#83986C
83.3%	83.3% #66945E	RGB 102 148 94	#66945E
100.0%	100.0% #529160	RGB 82 145 96	#529160

#A8A8A8 #A49C98 #A09A89 #989C7A #83986C #66945E #529160

#A8A8A8 - #989C7A - #529160

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8A8A8 0%, #989C7A 50%, #529160 100%);
    background: -webkit-linear-gradient(top, #A8A8A8 0%, #989C7A 50%, #529160 100%);
    background: linear-gradient(to bottom, #A8A8A8 0%, #989C7A 50%, #529160 100%);
}
</style>