#5E5C4D - #372907 | 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 #5E5C4D a #372907

#5E5C4D #372907

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

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

0.0%	0.0% #5E5C4D	RGB 94 92 77	#5E5C4D
16.7%	16.7% #575341	RGB 87 83 65	#575341
33.3%	33.3% #514B35	RGB 81 75 53	#514B35
50.0%	50.0% #4A422A	RGB 74 66 42	#4A422A
66.7%	66.7% #443A1E	RGB 68 58 30	#443A1E
83.3%	83.3% #3D3112	RGB 61 49 18	#3D3112
100.0%	100.0% #372907	RGB 55 41 7	#372907

#5E5C4D #575341 #514B35 #4A422A #443A1E #3D3112 #372907

#5E5C4D - #372907

Miscela HSV

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

0.0%	0.0% #5E5C4D	RGB 94 92 77	#5E5C4D
16.7%	16.7% #57533D	RGB 87 83 61	#57533D
33.3%	33.3% #514B2F	RGB 81 75 47	#514B2F
50.0%	50.0% #4A4223	RGB 74 66 35	#4A4223
66.7%	66.7% #443918	RGB 68 57 24	#443918
83.3%	83.3% #3D310E	RGB 61 49 14	#3D310E
100.0%	100.0% #372907	RGB 55 41 7	#372907

#5E5C4D #57533D #514B2F #4A4223 #443918 #3D310E #372907

#5E5C4D - #4A4223 - #372907

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5C4D 0%, #4A4223 50%, #372907 100%);
    background: -webkit-linear-gradient(top, #5E5C4D 0%, #4A4223 50%, #372907 100%);
    background: linear-gradient(to bottom, #5E5C4D 0%, #4A4223 50%, #372907 100%);
}
</style>