#5E4A46 - #CF946E | 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 #5E4A46 a #CF946E

#5E4A46 #CF946E

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

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

0.0%	0.0% #5E4A46	RGB 94 74 70	#5E4A46
16.7%	16.7% #70564C	RGB 112 86 76	#70564C
33.3%	33.3% #836253	RGB 131 98 83	#836253
50.0%	50.0% #966F5A	RGB 150 111 90	#966F5A
66.7%	66.7% #A97B60	RGB 169 123 96	#A97B60
83.3%	83.3% #BC8767	RGB 188 135 103	#BC8767
100.0%	100.0% #CF946E	RGB 207 148 110	#CF946E

#5E4A46 #70564C #836253 #966F5A #A97B60 #BC8767 #CF946E

#5E4A46 - #CF946E

Miscela HSV

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

0.0%	0.0% #5E4A46	RGB 94 74 70	#5E4A46
16.7%	16.7% #705650	RGB 112 86 80	#705650
33.3%	33.3% #836358	RGB 131 99 88	#836358
50.0%	50.0% #966F60	RGB 150 111 96	#966F60
66.7%	66.7% #A97B66	RGB 169 123 102	#A97B66
83.3%	83.3% #BC876A	RGB 188 135 106	#BC876A
100.0%	100.0% #CF946E	RGB 207 148 110	#CF946E

#5E4A46 #705650 #836358 #966F60 #A97B66 #BC876A #CF946E

#5E4A46 - #966F60 - #CF946E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4A46 0%, #966F60 50%, #CF946E 100%);
    background: -webkit-linear-gradient(top, #5E4A46 0%, #966F60 50%, #CF946E 100%);
    background: linear-gradient(to bottom, #5E4A46 0%, #966F60 50%, #CF946E 100%);
}
</style>