#5E4F2D - #443105 | 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 #5E4F2D a #443105

#5E4F2D #443105

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

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

0.0%	0.0% #5E4F2D	RGB 94 79 45	#5E4F2D
16.7%	16.7% #594A26	RGB 89 74 38	#594A26
33.3%	33.3% #55451F	RGB 85 69 31	#55451F
50.0%	50.0% #514019	RGB 81 64 25	#514019
66.7%	66.7% #4C3B12	RGB 76 59 18	#4C3B12
83.3%	83.3% #48360B	RGB 72 54 11	#48360B
100.0%	100.0% #443105	RGB 68 49 5	#443105

#5E4F2D #594A26 #55451F #514019 #4C3B12 #48360B #443105

#5E4F2D - #443105

Miscela HSV

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

0.0%	0.0% #5E4F2D	RGB 94 79 45	#5E4F2D
16.7%	16.7% #594924	RGB 89 73 36	#594924
33.3%	33.3% #55441D	RGB 85 68 29	#55441D
50.0%	50.0% #513F16	RGB 81 63 22	#513F16
66.7%	66.7% #4C3A0F	RGB 76 58 15	#4C3A0F
83.3%	83.3% #48350A	RGB 72 53 10	#48350A
100.0%	100.0% #443105	RGB 68 49 5	#443105

#5E4F2D #594924 #55441D #513F16 #4C3A0F #48350A #443105

#5E4F2D - #513F16 - #443105

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4F2D 0%, #513F16 50%, #443105 100%);
    background: -webkit-linear-gradient(top, #5E4F2D 0%, #513F16 50%, #443105 100%);
    background: linear-gradient(to bottom, #5E4F2D 0%, #513F16 50%, #443105 100%);
}
</style>