#AA9F9F - #7F484B | 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 #AA9F9F a #7F484B

#AA9F9F #7F484B

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

#AA9F9F - #7F484B | 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 #AA9F9F come 0% e #7F484B come 100%.

0.0%	0.0% #AA9F9F	RGB 170 159 159	#AA9F9F
16.7%	16.7% #A29091	RGB 162 144 145	#A29091
33.3%	33.3% #9B8283	RGB 155 130 131	#9B8283
50.0%	50.0% #947375	RGB 148 115 117	#947375
66.7%	66.7% #8D6567	RGB 141 101 103	#8D6567
83.3%	83.3% #865659	RGB 134 86 89	#865659
100.0%	100.0% #7F484B	RGB 127 72 75	#7F484B

#AA9F9F #A29091 #9B8283 #947375 #8D6567 #865659 #7F484B

#AA9F9F - #7F484B

Miscela HSV

#AA9F9F - #7F484B | 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 #AA9F9F come 0% e #7F484B come 100%.

0.0%	0.0% #AA9F9F	RGB 170 159 159	#AA9F9F
16.7%	16.7% #A28E8E	RGB 162 142 142	#A28E8E
33.3%	33.3% #9B7E7F	RGB 155 126 127	#9B7E7F
50.0%	50.0% #946F70	RGB 148 111 112	#946F70
66.7%	66.7% #8D6163	RGB 141 97 99	#8D6163
83.3%	83.3% #865456	RGB 134 84 86	#865456
100.0%	100.0% #7F484B	RGB 127 72 75	#7F484B

#AA9F9F #A28E8E #9B7E7F #946F70 #8D6163 #865456 #7F484B

#AA9F9F - #946F70 - #7F484B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA9F9F 0%, #946F70 50%, #7F484B 100%);
    background: -webkit-linear-gradient(top, #AA9F9F 0%, #946F70 50%, #7F484B 100%);
    background: linear-gradient(to bottom, #AA9F9F 0%, #946F70 50%, #7F484B 100%);
}
</style>