#9A8C8C - #6A363A | 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 #9A8C8C a #6A363A

#9A8C8C #6A363A

Calcola il colore tra due colori, #9A8C8C e #6A363A. 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)

#9A8C8C - #6A363A | 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 #9A8C8C come 0% e #6A363A come 100%.

0.0%	0.0% #9A8C8C	RGB 154 140 140	#9A8C8C
16.7%	16.7% #927D7E	RGB 146 125 126	#927D7E
33.3%	33.3% #8A6F70	RGB 138 111 112	#8A6F70
50.0%	50.0% #826163	RGB 130 97 99	#826163
66.7%	66.7% #7A5255	RGB 122 82 85	#7A5255
83.3%	83.3% #724447	RGB 114 68 71	#724447
100.0%	100.0% #6A363A	RGB 106 54 58	#6A363A

#9A8C8C #927D7E #8A6F70 #826163 #7A5255 #724447 #6A363A

#9A8C8C - #6A363A

Miscela HSV

#9A8C8C - #6A363A | 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 #9A8C8C come 0% e #6A363A come 100%.

0.0%	0.0% #9A8C8C	RGB 154 140 140	#9A8C8C
16.7%	16.7% #927B7B	RGB 146 123 123	#927B7B
33.3%	33.3% #8A6B6B	RGB 138 107 107	#8A6B6B
50.0%	50.0% #825C5D	RGB 130 92 93	#825C5D
66.7%	66.7% #7A4E50	RGB 122 78 80	#7A4E50
83.3%	83.3% #724144	RGB 114 65 68	#724144
100.0%	100.0% #6A363A	RGB 106 54 58	#6A363A

#9A8C8C #927B7B #8A6B6B #825C5D #7A4E50 #724144 #6A363A

#9A8C8C - #825C5D - #6A363A

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A8C8C 0%, #825C5D 50%, #6A363A 100%);
    background: -webkit-linear-gradient(top, #9A8C8C 0%, #825C5D 50%, #6A363A 100%);
    background: linear-gradient(to bottom, #9A8C8C 0%, #825C5D 50%, #6A363A 100%);
}
</style>