#937781 - #5E2636 | 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 #937781 a #5E2636

#937781 #5E2636

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

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

0.0%	0.0% #937781	RGB 147 119 129	#937781
16.7%	16.7% #8A6974	RGB 138 105 116	#8A6974
33.3%	33.3% #815C68	RGB 129 92 104	#815C68
50.0%	50.0% #784E5B	RGB 120 78 91	#784E5B
66.7%	66.7% #6F414F	RGB 111 65 79	#6F414F
83.3%	83.3% #663342	RGB 102 51 66	#663342
100.0%	100.0% #5E2636	RGB 94 38 54	#5E2636

#937781 #8A6974 #815C68 #784E5B #6F414F #663342 #5E2636

#937781 - #5E2636

Miscela HSV

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

0.0%	0.0% #937781	RGB 147 119 129	#937781
16.7%	16.7% #8A6672	RGB 138 102 114	#8A6672
33.3%	33.3% #815765	RGB 129 87 101	#815765
50.0%	50.0% #784958	RGB 120 73 88	#784958
66.7%	66.7% #6F3C4C	RGB 111 60 76	#6F3C4C
83.3%	83.3% #663040	RGB 102 48 64	#663040
100.0%	100.0% #5E2636	RGB 94 38 54	#5E2636

#937781 #8A6672 #815765 #784958 #6F3C4C #663040 #5E2636

#937781 - #784958 - #5E2636

Codici CSS

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

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