#5E543A - #D49B5B | 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 #5E543A a #D49B5B

#5E543A #D49B5B

Calcola il colore tra due colori, #5E543A e #D49B5B. 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)

#5E543A - #D49B5B | 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 #5E543A come 0% e #D49B5B come 100%.

0.0%	0.0% #5E543A	RGB 94 84 58	#5E543A
16.7%	16.7% #715F3F	RGB 113 95 63	#715F3F
33.3%	33.3% #856B45	RGB 133 107 69	#856B45
50.0%	50.0% #99774A	RGB 153 119 74	#99774A
66.7%	66.7% #AC8350	RGB 172 131 80	#AC8350
83.3%	83.3% #C08F55	RGB 192 143 85	#C08F55
100.0%	100.0% #D49B5B	RGB 212 155 91	#D49B5B

#5E543A #715F3F #856B45 #99774A #AC8350 #C08F55 #D49B5B

#5E543A - #D49B5B

Miscela HSV

#5E543A - #D49B5B | 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 #5E543A come 0% e #D49B5B come 100%.

0.0%	0.0% #5E543A	RGB 94 84 58	#5E543A
16.7%	16.7% #716342	RGB 113 99 66	#716342
33.3%	33.3% #857149	RGB 133 113 73	#857149
50.0%	50.0% #997D50	RGB 153 125 80	#997D50
66.7%	66.7% #AC8854	RGB 172 136 84	#AC8854
83.3%	83.3% #C09258	RGB 192 146 88	#C09258
100.0%	100.0% #D49B5B	RGB 212 155 91	#D49B5B

#5E543A #716342 #857149 #997D50 #AC8854 #C09258 #D49B5B

#5E543A - #997D50 - #D49B5B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E543A 0%, #997D50 50%, #D49B5B 100%);
    background: -webkit-linear-gradient(top, #5E543A 0%, #997D50 50%, #D49B5B 100%);
    background: linear-gradient(to bottom, #5E543A 0%, #997D50 50%, #D49B5B 100%);
}
</style>