#A9A8A8 - #5E535D | 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 #A9A8A8 a #5E535D

#A9A8A8 #5E535D

Calcola il colore tra due colori, #A9A8A8 e #5E535D. 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)

#A9A8A8 - #5E535D | 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 #A9A8A8 come 0% e #5E535D come 100%.

0.0%	0.0% #A9A8A8	RGB 169 168 168	#A9A8A8
16.7%	16.7% #9C999B	RGB 156 153 155	#9C999B
33.3%	33.3% #908B8F	RGB 144 139 143	#908B8F
50.0%	50.0% #837D82	RGB 131 125 130	#837D82
66.7%	66.7% #776F76	RGB 119 111 118	#776F76
83.3%	83.3% #6A6169	RGB 106 97 105	#6A6169
100.0%	100.0% #5E535D	RGB 94 83 93	#5E535D

#A9A8A8 #9C999B #908B8F #837D82 #776F76 #6A6169 #5E535D

#A9A8A8 - #5E535D

Miscela HSV

#A9A8A8 - #5E535D | 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 #A9A8A8 come 0% e #5E535D come 100%.

0.0%	0.0% #A9A8A8	RGB 169 168 168	#A9A8A8
16.7%	16.7% #9C9899	RGB 156 152 153	#9C9899
33.3%	33.3% #90898B	RGB 144 137 139	#90898B
50.0%	50.0% #837B7F	RGB 131 123 127	#837B7F
66.7%	66.7% #776D73	RGB 119 109 115	#776D73
83.3%	83.3% #6A6067	RGB 106 96 103	#6A6067
100.0%	100.0% #5E535D	RGB 94 83 93	#5E535D

#A9A8A8 #9C9899 #90898B #837B7F #776D73 #6A6067 #5E535D

#A9A8A8 - #837B7F - #5E535D

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A9A8A8 0%, #837B7F 50%, #5E535D 100%);
    background: -webkit-linear-gradient(top, #A9A8A8 0%, #837B7F 50%, #5E535D 100%);
    background: linear-gradient(to bottom, #A9A8A8 0%, #837B7F 50%, #5E535D 100%);
}
</style>