#B9B6B7 - #6B5E75 | 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 #B9B6B7 a #6B5E75

#B9B6B7 #6B5E75

Calcola il colore tra due colori, #B9B6B7 e #6B5E75. 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)

#B9B6B7 - #6B5E75 | 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 #B9B6B7 come 0% e #6B5E75 come 100%.

0.0%	0.0% #B9B6B7	RGB 185 182 183	#B9B6B7
16.7%	16.7% #ACA7AC	RGB 172 167 172	#ACA7AC
33.3%	33.3% #9F98A1	RGB 159 152 161	#9F98A1
50.0%	50.0% #928A96	RGB 146 138 150	#928A96
66.7%	66.7% #857B8B	RGB 133 123 139	#857B8B
83.3%	83.3% #786C80	RGB 120 108 128	#786C80
100.0%	100.0% #6B5E75	RGB 107 94 117	#6B5E75

#B9B6B7 #ACA7AC #9F98A1 #928A96 #857B8B #786C80 #6B5E75

#B9B6B7 - #6B5E75

Miscela HSV

#B9B6B7 - #6B5E75 | 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 #B9B6B7 come 0% e #6B5E75 come 100%.

0.0%	0.0% #B9B6B7	RGB 185 182 183	#B9B6B7
16.7%	16.7% #ADA5A9	RGB 173 165 169	#ADA5A9
33.3%	33.3% #A2959E	RGB 162 149 158	#A2959E
50.0%	50.0% #978695	RGB 151 134 149	#978695
66.7%	66.7% #8A788B	RGB 138 120 139	#8A788B
83.3%	83.3% #7A6A80	RGB 122 106 128	#7A6A80
100.0%	100.0% #6B5E75	RGB 107 94 117	#6B5E75

#B9B6B7 #ADA5A9 #A2959E #978695 #8A788B #7A6A80 #6B5E75

#B9B6B7 - #978695 - #6B5E75

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9B6B7 0%, #978695 50%, #6B5E75 100%);
    background: -webkit-linear-gradient(top, #B9B6B7 0%, #978695 50%, #6B5E75 100%);
    background: linear-gradient(to bottom, #B9B6B7 0%, #978695 50%, #6B5E75 100%);
}
</style>