#5E4C3E - #471F07 | 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 #5E4C3E a #471F07

#5E4C3E #471F07

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

#5E4C3E - #471F07 | 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 #5E4C3E come 0% e #471F07 come 100%.

0.0%	0.0% #5E4C3E	RGB 94 76 62	#5E4C3E
16.7%	16.7% #5A4434	RGB 90 68 52	#5A4434
33.3%	33.3% #563D2B	RGB 86 61 43	#563D2B
50.0%	50.0% #523522	RGB 82 53 34	#523522
66.7%	66.7% #4E2E19	RGB 78 46 25	#4E2E19
83.3%	83.3% #4A2610	RGB 74 38 16	#4A2610
100.0%	100.0% #471F07	RGB 71 31 7	#471F07

#5E4C3E #5A4434 #563D2B #523522 #4E2E19 #4A2610 #471F07

#5E4C3E - #471F07

Miscela HSV

#5E4C3E - #471F07 | 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 #5E4C3E come 0% e #471F07 come 100%.

0.0%	0.0% #5E4C3E	RGB 94 76 62	#5E4C3E
16.7%	16.7% #5A4333	RGB 90 67 51	#5A4333
33.3%	33.3% #563B28	RGB 86 59 40	#563B28
50.0%	50.0% #52341F	RGB 82 52 31	#52341F
66.7%	66.7% #4E2C16	RGB 78 44 22	#4E2C16
83.3%	83.3% #4A250E	RGB 74 37 14	#4A250E
100.0%	100.0% #471F07	RGB 71 31 7	#471F07

#5E4C3E #5A4333 #563B28 #52341F #4E2C16 #4A250E #471F07

#5E4C3E - #52341F - #471F07

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4C3E 0%, #52341F 50%, #471F07 100%);
    background: -webkit-linear-gradient(top, #5E4C3E 0%, #52341F 50%, #471F07 100%);
    background: linear-gradient(to bottom, #5E4C3E 0%, #52341F 50%, #471F07 100%);
}
</style>