#5E5D5C - #50180F | 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 #5E5D5C a #50180F

#5E5D5C #50180F

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

#5E5D5C - #50180F | 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 #5E5D5C come 0% e #50180F come 100%.

0.0%	0.0% #5E5D5C	RGB 94 93 92	#5E5D5C
16.7%	16.7% #5B514F	RGB 91 81 79	#5B514F
33.3%	33.3% #594642	RGB 89 70 66	#594642
50.0%	50.0% #573A35	RGB 87 58 53	#573A35
66.7%	66.7% #542F28	RGB 84 47 40	#542F28
83.3%	83.3% #52231B	RGB 82 35 27	#52231B
100.0%	100.0% #50180F	RGB 80 24 15	#50180F

#5E5D5C #5B514F #594642 #573A35 #542F28 #52231B #50180F

#5E5D5C - #50180F

Miscela HSV

#5E5D5C - #50180F | 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 #5E5D5C come 0% e #50180F come 100%.

0.0%	0.0% #5E5D5C	RGB 94 93 92	#5E5D5C
16.7%	16.7% #5B534D	RGB 91 83 77	#5B534D
33.3%	33.3% #59493F	RGB 89 73 63	#59493F
50.0%	50.0% #573E32	RGB 87 62 50	#573E32
66.7%	66.7% #543226	RGB 84 50 38	#543226
83.3%	83.3% #52251A	RGB 82 37 26	#52251A
100.0%	100.0% #50180F	RGB 80 24 15	#50180F

#5E5D5C #5B534D #59493F #573E32 #543226 #52251A #50180F

#5E5D5C - #573E32 - #50180F

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5D5C 0%, #573E32 50%, #50180F 100%);
    background: -webkit-linear-gradient(top, #5E5D5C 0%, #573E32 50%, #50180F 100%);
    background: linear-gradient(to bottom, #5E5D5C 0%, #573E32 50%, #50180F 100%);
}
</style>