#5E4725 - #CD8A44 | 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 #5E4725 a #CD8A44

#5E4725 #CD8A44

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

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

0.0%	0.0% #5E4725	RGB 94 71 37	#5E4725
16.7%	16.7% #70522A	RGB 112 82 42	#70522A
33.3%	33.3% #835D2F	RGB 131 93 47	#835D2F
50.0%	50.0% #956834	RGB 149 104 52	#956834
66.7%	66.7% #A87339	RGB 168 115 57	#A87339
83.3%	83.3% #BA7E3E	RGB 186 126 62	#BA7E3E
100.0%	100.0% #CD8A44	RGB 205 138 68	#CD8A44

#5E4725 #70522A #835D2F #956834 #A87339 #BA7E3E #CD8A44

#5E4725 - #CD8A44

Miscela HSV

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

0.0%	0.0% #5E4725	RGB 94 71 37	#5E4725
16.7%	16.7% #70532B	RGB 112 83 43	#70532B
33.3%	33.3% #835F30	RGB 131 95 48	#835F30
50.0%	50.0% #956A36	RGB 149 106 54	#956A36
66.7%	66.7% #A8753B	RGB 168 117 59	#A8753B
83.3%	83.3% #BA803F	RGB 186 128 63	#BA803F
100.0%	100.0% #CD8A44	RGB 205 138 68	#CD8A44

#5E4725 #70532B #835F30 #956A36 #A8753B #BA803F #CD8A44

#5E4725 - #956A36 - #CD8A44

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4725 0%, #956A36 50%, #CD8A44 100%);
    background: -webkit-linear-gradient(top, #5E4725 0%, #956A36 50%, #CD8A44 100%);
    background: linear-gradient(to bottom, #5E4725 0%, #956A36 50%, #CD8A44 100%);
}
</style>