#8D474B - #EC8C5E | 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 #8D474B a #EC8C5E

#8D474B #EC8C5E

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

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

0.0%	0.0% #8D474B	RGB 141 71 75	#8D474B
16.7%	16.7% #9C524E	RGB 156 82 78	#9C524E
33.3%	33.3% #AC5E51	RGB 172 94 81	#AC5E51
50.0%	50.0% #BC6954	RGB 188 105 84	#BC6954
66.7%	66.7% #CC7557	RGB 204 117 87	#CC7557
83.3%	83.3% #DC805A	RGB 220 128 90	#DC805A
100.0%	100.0% #EC8C5E	RGB 236 140 94	#EC8C5E

#8D474B #9C524E #AC5E51 #BC6954 #CC7557 #DC805A #EC8C5E

#8D474B - #EC8C5E

Miscela HSV

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

0.0%	0.0% #8D474B	RGB 141 71 75	#8D474B
16.7%	16.7% #9C4C4C	RGB 156 76 76	#9C4C4C
33.3%	33.3% #AC5750	RGB 172 87 80	#AC5750
50.0%	50.0% #BC6254	RGB 188 98 84	#BC6254
66.7%	66.7% #CC6F58	RGB 204 111 88	#CC6F58
83.3%	83.3% #DC7D5B	RGB 220 125 91	#DC7D5B
100.0%	100.0% #EC8C5E	RGB 236 140 94	#EC8C5E

#8D474B #9C4C4C #AC5750 #BC6254 #CC6F58 #DC7D5B #EC8C5E

#8D474B - #BC6254 - #EC8C5E

Codici CSS

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

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