#B6B0AF - #8C5A68 | 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 #B6B0AF a #8C5A68

#B6B0AF #8C5A68

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

#B6B0AF - #8C5A68 | 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 #B6B0AF come 0% e #8C5A68 come 100%.

0.0%	0.0% #B6B0AF	RGB 182 176 175	#B6B0AF
16.7%	16.7% #AFA1A3	RGB 175 161 163	#AFA1A3
33.3%	33.3% #A89397	RGB 168 147 151	#A89397
50.0%	50.0% #A1858B	RGB 161 133 139	#A1858B
66.7%	66.7% #9A767F	RGB 154 118 127	#9A767F
83.3%	83.3% #936873	RGB 147 104 115	#936873
100.0%	100.0% #8C5A68	RGB 140 90 104	#8C5A68

#B6B0AF #AFA1A3 #A89397 #A1858B #9A767F #936873 #8C5A68

#B6B0AF - #8C5A68

Miscela HSV

#B6B0AF - #8C5A68 | 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 #B6B0AF come 0% e #8C5A68 come 100%.

0.0%	0.0% #B6B0AF	RGB 182 176 175	#B6B0AF
16.7%	16.7% #AFA09E	RGB 175 160 158	#AFA09E
33.3%	33.3% #A88F8F	RGB 168 143 143	#A88F8F
50.0%	50.0% #A18183	RGB 161 129 131	#A18183
66.7%	66.7% #9A7378	RGB 154 115 120	#9A7378
83.3%	83.3% #93666F	RGB 147 102 111	#93666F
100.0%	100.0% #8C5A68	RGB 140 90 104	#8C5A68

#B6B0AF #AFA09E #A88F8F #A18183 #9A7378 #93666F #8C5A68

#B6B0AF - #A18183 - #8C5A68

Codici CSS

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

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