#3C434B - #8C7673 | 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 #3C434B a #8C7673

#3C434B #8C7673

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

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

0.0%	0.0% #3C434B	RGB 60 67 75	#3C434B
16.7%	16.7% #494B51	RGB 73 75 81	#494B51
33.3%	33.3% #565458	RGB 86 84 88	#565458
50.0%	50.0% #645C5F	RGB 100 92 95	#645C5F
66.7%	66.7% #716565	RGB 113 101 101	#716565
83.3%	83.3% #7E6D6C	RGB 126 109 108	#7E6D6C
100.0%	100.0% #8C7673	RGB 140 118 115	#8C7673

#3C434B #494B51 #565458 #645C5F #716565 #7E6D6C #8C7673

#3C434B - #8C7673

Miscela HSV

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

0.0%	0.0% #3C434B	RGB 60 67 75	#3C434B
16.7%	16.7% #444555	RGB 68 69 85	#444555
33.3%	33.3% #554E60	RGB 85 78 96	#554E60
50.0%	50.0% #67576B	RGB 103 87 107	#67576B
66.7%	66.7% #766070	RGB 118 96 112	#766070
83.3%	83.3% #816970	RGB 129 105 112	#816970
100.0%	100.0% #8C7673	RGB 140 118 115	#8C7673

#3C434B #444555 #554E60 #67576B #766070 #816970 #8C7673

#3C434B - #67576B - #8C7673

Codici CSS

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

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