#5E4D3F - #4A2607 | 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 #5E4D3F a #4A2607

#5E4D3F #4A2607

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

#5E4D3F - #4A2607 | 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 #5E4D3F come 0% e #4A2607 come 100%.

0.0%	0.0% #5E4D3F	RGB 94 77 63	#5E4D3F
16.7%	16.7% #5A4635	RGB 90 70 53	#5A4635
33.3%	33.3% #57402C	RGB 87 64 44	#57402C
50.0%	50.0% #543923	RGB 84 57 35	#543923
66.7%	66.7% #503319	RGB 80 51 25	#503319
83.3%	83.3% #4D2C10	RGB 77 44 16	#4D2C10
100.0%	100.0% #4A2607	RGB 74 38 7	#4A2607

#5E4D3F #5A4635 #57402C #543923 #503319 #4D2C10 #4A2607

#5E4D3F - #4A2607

Miscela HSV

#5E4D3F - #4A2607 | 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 #5E4D3F come 0% e #4A2607 come 100%.

0.0%	0.0% #5E4D3F	RGB 94 77 63	#5E4D3F
16.7%	16.7% #5A4534	RGB 90 69 52	#5A4534
33.3%	33.3% #573E29	RGB 87 62 41	#573E29
50.0%	50.0% #543720	RGB 84 55 32	#543720
66.7%	66.7% #503117	RGB 80 49 23	#503117
83.3%	83.3% #4D2B0E	RGB 77 43 14	#4D2B0E
100.0%	100.0% #4A2607	RGB 74 38 7	#4A2607

#5E4D3F #5A4534 #573E29 #543720 #503117 #4D2B0E #4A2607

#5E4D3F - #543720 - #4A2607

Codici CSS

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

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