#5E5A4D - #37310A | 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 #5E5A4D a #37310A

#5E5A4D #37310A

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

#5E5A4D - #37310A | 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 #5E5A4D come 0% e #37310A come 100%.

0.0%	0.0% #5E5A4D	RGB 94 90 77	#5E5A4D
16.7%	16.7% #575341	RGB 87 83 65	#575341
33.3%	33.3% #514C36	RGB 81 76 54	#514C36
50.0%	50.0% #4A452B	RGB 74 69 43	#4A452B
66.7%	66.7% #443E20	RGB 68 62 32	#443E20
83.3%	83.3% #3D3715	RGB 61 55 21	#3D3715
100.0%	100.0% #37310A	RGB 55 49 10	#37310A

#5E5A4D #575341 #514C36 #4A452B #443E20 #3D3715 #37310A

#5E5A4D - #37310A

Miscela HSV

#5E5A4D - #37310A | 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 #5E5A4D come 0% e #37310A come 100%.

0.0%	0.0% #5E5A4D	RGB 94 90 77	#5E5A4D
16.7%	16.7% #57523E	RGB 87 82 62	#57523E
33.3%	33.3% #514A31	RGB 81 74 49	#514A31
50.0%	50.0% #4A4325	RGB 74 67 37	#4A4325
66.7%	66.7% #443D1A	RGB 68 61 26	#443D1A
83.3%	83.3% #3D3611	RGB 61 54 17	#3D3611
100.0%	100.0% #37310A	RGB 55 49 10	#37310A

#5E5A4D #57523E #514A31 #4A4325 #443D1A #3D3611 #37310A

#5E5A4D - #4A4325 - #37310A

Codici CSS

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

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