#9A8F8C - #58543A | 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 #9A8F8C a #58543A

#9A8F8C #58543A

Calcola il colore tra due colori, #9A8F8C e #58543A. 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)

#9A8F8C - #58543A | 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 #9A8F8C come 0% e #58543A come 100%.

0.0%	0.0% #9A8F8C	RGB 154 143 140	#9A8F8C
16.7%	16.7% #8F857E	RGB 143 133 126	#8F857E
33.3%	33.3% #847B70	RGB 132 123 112	#847B70
50.0%	50.0% #797163	RGB 121 113 99	#797163
66.7%	66.7% #6E6755	RGB 110 103 85	#6E6755
83.3%	83.3% #635D47	RGB 99 93 71	#635D47
100.0%	100.0% #58543A	RGB 88 84 58	#58543A

#9A8F8C #8F857E #847B70 #797163 #6E6755 #635D47 #58543A

#9A8F8C - #58543A

Miscela HSV

#9A8F8C - #58543A | 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 #9A8F8C come 0% e #58543A come 100%.

0.0%	0.0% #9A8F8C	RGB 154 143 140	#9A8F8C
16.7%	16.7% #8F827C	RGB 143 130 124	#8F827C
33.3%	33.3% #84766D	RGB 132 118 109	#84766D
50.0%	50.0% #796C5E	RGB 121 108 94	#796C5E
66.7%	66.7% #6E6451	RGB 110 100 81	#6E6451
83.3%	83.3% #635B45	RGB 99 91 69	#635B45
100.0%	100.0% #58543A	RGB 88 84 58	#58543A

#9A8F8C #8F827C #84766D #796C5E #6E6451 #635B45 #58543A

#9A8F8C - #796C5E - #58543A

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A8F8C 0%, #796C5E 50%, #58543A 100%);
    background: -webkit-linear-gradient(top, #9A8F8C 0%, #796C5E 50%, #58543A 100%);
    background: linear-gradient(to bottom, #9A8F8C 0%, #796C5E 50%, #58543A 100%);
}
</style>