#8C8C8C - #7A4635 | 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 #8C8C8C a #7A4635

#8C8C8C #7A4635

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

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

0.0%	0.0% #8C8C8C	RGB 140 140 140	#8C8C8C
16.7%	16.7% #89807D	RGB 137 128 125	#89807D
33.3%	33.3% #86746F	RGB 134 116 111	#86746F
50.0%	50.0% #836960	RGB 131 105 96	#836960
66.7%	66.7% #805D52	RGB 128 93 82	#805D52
83.3%	83.3% #7D5143	RGB 125 81 67	#7D5143
100.0%	100.0% #7A4635	RGB 122 70 53	#7A4635

#8C8C8C #89807D #86746F #836960 #805D52 #7D5143 #7A4635

#8C8C8C - #7A4635

Miscela HSV

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

0.0%	0.0% #8C8C8C	RGB 140 140 140	#8C8C8C
16.7%	16.7% #897C7C	RGB 137 124 124	#897C7C
33.3%	33.3% #866E6C	RGB 134 110 108	#866E6C
50.0%	50.0% #83625D	RGB 131 98 93	#83625D
66.7%	66.7% #80574F	RGB 128 87 79	#80574F
83.3%	83.3% #7D4E42	RGB 125 78 66	#7D4E42
100.0%	100.0% #7A4635	RGB 122 70 53	#7A4635

#8C8C8C #897C7C #866E6C #83625D #80574F #7D4E42 #7A4635

#8C8C8C - #83625D - #7A4635

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C8C8C 0%, #83625D 50%, #7A4635 100%);
    background: -webkit-linear-gradient(top, #8C8C8C 0%, #83625D 50%, #7A4635 100%);
    background: linear-gradient(to bottom, #8C8C8C 0%, #83625D 50%, #7A4635 100%);
}
</style>