#8D7041 - #EFCC5E | 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 #8D7041 a #EFCC5E

#8D7041 #EFCC5E

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

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

0.0%	0.0% #8D7041	RGB 141 112 65	#8D7041
16.7%	16.7% #9D7F45	RGB 157 127 69	#9D7F45
33.3%	33.3% #AD8E4A	RGB 173 142 74	#AD8E4A
50.0%	50.0% #BE9E4F	RGB 190 158 79	#BE9E4F
66.7%	66.7% #CEAD54	RGB 206 173 84	#CEAD54
83.3%	83.3% #DEBC59	RGB 222 188 89	#DEBC59
100.0%	100.0% #EFCC5E	RGB 239 204 94	#EFCC5E

#8D7041 #9D7F45 #AD8E4A #BE9E4F #CEAD54 #DEBC59 #EFCC5E

#8D7041 - #EFCC5E

Miscela HSV

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

0.0%	0.0% #8D7041	RGB 141 112 65	#8D7041
16.7%	16.7% #9D7E46	RGB 157 126 70	#9D7E46
33.3%	33.3% #AD8D4C	RGB 173 141 76	#AD8D4C
50.0%	50.0% #BE9C51	RGB 190 156 81	#BE9C51
66.7%	66.7% #CEAB55	RGB 206 171 85	#CEAB55
83.3%	83.3% #DEBB5A	RGB 222 187 90	#DEBB5A
100.0%	100.0% #EFCC5E	RGB 239 204 94	#EFCC5E

#8D7041 #9D7E46 #AD8D4C #BE9C51 #CEAB55 #DEBB5A #EFCC5E

#8D7041 - #BE9C51 - #EFCC5E

Codici CSS

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

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