#3E3E47 - #8C7A6B | 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 #3E3E47 a #8C7A6B

#3E3E47 #8C7A6B

Calcola il colore tra due colori, #3E3E47 e #8C7A6B. 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)

#3E3E47 - #8C7A6B | 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 #3E3E47 come 0% e #8C7A6B come 100%.

0.0%	0.0% #3E3E47	RGB 62 62 71	#3E3E47
16.7%	16.7% #4B484D	RGB 75 72 77	#4B484D
33.3%	33.3% #585253	RGB 88 82 83	#585253
50.0%	50.0% #655C59	RGB 101 92 89	#655C59
66.7%	66.7% #72665F	RGB 114 102 95	#72665F
83.3%	83.3% #7F7065	RGB 127 112 101	#7F7065
100.0%	100.0% #8C7A6B	RGB 140 122 107	#8C7A6B

#3E3E47 #4B484D #585253 #655C59 #72665F #7F7065 #8C7A6B

#3E3E47 - #8C7A6B

Miscela HSV

#3E3E47 - #8C7A6B | 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 #3E3E47 come 0% e #8C7A6B come 100%.

0.0%	0.0% #3E3E47	RGB 62 62 71	#3E3E47
16.7%	16.7% #4B4652	RGB 75 70 82	#4B4652
33.3%	33.3% #5B4E5E	RGB 91 78 94	#5B4E5E
50.0%	50.0% #695665	RGB 105 86 101	#695665
66.7%	66.7% #755D66	RGB 117 93 102	#755D66
83.3%	83.3% #806564	RGB 128 101 100	#806564
100.0%	100.0% #8C7A6B	RGB 140 122 107	#8C7A6B

#3E3E47 #4B4652 #5B4E5E #695665 #755D66 #806564 #8C7A6B

#3E3E47 - #695665 - #8C7A6B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E47 0%, #695665 50%, #8C7A6B 100%);
    background: -webkit-linear-gradient(top, #3E3E47 0%, #695665 50%, #8C7A6B 100%);
    background: linear-gradient(to bottom, #3E3E47 0%, #695665 50%, #8C7A6B 100%);
}
</style>