#A58C8C - #8C4337 | 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 #A58C8C a #8C4337

#A58C8C #8C4337

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

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

0.0%	0.0% #A58C8C	RGB 165 140 140	#A58C8C
16.7%	16.7% #A07F7D	RGB 160 127 125	#A07F7D
33.3%	33.3% #9C736F	RGB 156 115 111	#9C736F
50.0%	50.0% #986761	RGB 152 103 97	#986761
66.7%	66.7% #945B53	RGB 148 91 83	#945B53
83.3%	83.3% #904F45	RGB 144 79 69	#904F45
100.0%	100.0% #8C4337	RGB 140 67 55	#8C4337

#A58C8C #A07F7D #9C736F #986761 #945B53 #904F45 #8C4337

#A58C8C - #8C4337

Miscela HSV

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

0.0%	0.0% #A58C8C	RGB 165 140 140	#A58C8C
16.7%	16.7% #A07D7C	RGB 160 125 124	#A07D7C
33.3%	33.3% #9C6F6D	RGB 156 111 109	#9C6F6D
50.0%	50.0% #98625E	RGB 152 98 94	#98625E
66.7%	66.7% #945750	RGB 148 87 80	#945750
83.3%	83.3% #904C43	RGB 144 76 67	#904C43
100.0%	100.0% #8C4337	RGB 140 67 55	#8C4337

#A58C8C #A07D7C #9C6F6D #98625E #945750 #904C43 #8C4337

#A58C8C - #98625E - #8C4337

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A58C8C 0%, #98625E 50%, #8C4337 100%);
    background: -webkit-linear-gradient(top, #A58C8C 0%, #98625E 50%, #8C4337 100%);
    background: linear-gradient(to bottom, #A58C8C 0%, #98625E 50%, #8C4337 100%);
}
</style>