#676864 - #C7B389 | 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 #676864 a #C7B389

#676864 #C7B389

Calcola il colore tra due colori, #676864 e #C7B389. 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)

#676864 - #C7B389 | 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 #676864 come 0% e #C7B389 come 100%.

0.0%	0.0% #676864	RGB 103 104 100	#676864
16.7%	16.7% #77746A	RGB 119 116 106	#77746A
33.3%	33.3% #878170	RGB 135 129 112	#878170
50.0%	50.0% #978D76	RGB 151 141 118	#978D76
66.7%	66.7% #A79A7C	RGB 167 154 124	#A79A7C
83.3%	83.3% #B7A682	RGB 183 166 130	#B7A682
100.0%	100.0% #C7B389	RGB 199 179 137	#C7B389

#676864 #77746A #878170 #978D76 #A79A7C #B7A682 #C7B389

#676864 - #C7B389

Miscela HSV

#676864 - #C7B389 | 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 #676864 come 0% e #C7B389 come 100%.

0.0%	0.0% #676864	RGB 103 104 100	#676864
16.7%	16.7% #76776D	RGB 118 119 109	#76776D
33.3%	33.3% #868776	RGB 134 135 118	#868776
50.0%	50.0% #97967C	RGB 151 150 124	#97967C
66.7%	66.7% #A7A282	RGB 167 162 130	#A7A282
83.3%	83.3% #B7AC86	RGB 183 172 134	#B7AC86
100.0%	100.0% #C7B389	RGB 199 179 137	#C7B389

#676864 #76776D #868776 #97967C #A7A282 #B7AC86 #C7B389

#676864 - #97967C - #C7B389

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #676864 0%, #97967C 50%, #C7B389 100%);
    background: -webkit-linear-gradient(top, #676864 0%, #97967C 50%, #C7B389 100%);
    background: linear-gradient(to bottom, #676864 0%, #97967C 50%, #C7B389 100%);
}
</style>