#BCA8AC - #86565E | 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 #BCA8AC a #86565E

#BCA8AC #86565E

Calcola il colore tra due colori, #BCA8AC e #86565E. 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)

#BCA8AC - #86565E | 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 #BCA8AC come 0% e #86565E come 100%.

0.0%	0.0% #BCA8AC	RGB 188 168 172	#BCA8AC
16.7%	16.7% #B39A9F	RGB 179 154 159	#B39A9F
33.3%	33.3% #AA8C92	RGB 170 140 146	#AA8C92
50.0%	50.0% #A17F85	RGB 161 127 133	#A17F85
66.7%	66.7% #987178	RGB 152 113 120	#987178
83.3%	83.3% #8F636B	RGB 143 99 107	#8F636B
100.0%	100.0% #86565E	RGB 134 86 94	#86565E

#BCA8AC #B39A9F #AA8C92 #A17F85 #987178 #8F636B #86565E

#BCA8AC - #86565E

Miscela HSV

#BCA8AC - #86565E | 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 #BCA8AC come 0% e #86565E come 100%.

0.0%	0.0% #BCA8AC	RGB 188 168 172	#BCA8AC
16.7%	16.7% #B3989D	RGB 179 152 157	#B3989D
33.3%	33.3% #AA898F	RGB 170 137 143	#AA898F
50.0%	50.0% #A17B82	RGB 161 123 130	#A17B82
66.7%	66.7% #986E75	RGB 152 110 117	#986E75
83.3%	83.3% #8F6169	RGB 143 97 105	#8F6169
100.0%	100.0% #86565E	RGB 134 86 94	#86565E

#BCA8AC #B3989D #AA898F #A17B82 #986E75 #8F6169 #86565E

#BCA8AC - #A17B82 - #86565E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCA8AC 0%, #A17B82 50%, #86565E 100%);
    background: -webkit-linear-gradient(top, #BCA8AC 0%, #A17B82 50%, #86565E 100%);
    background: linear-gradient(to bottom, #BCA8AC 0%, #A17B82 50%, #86565E 100%);
}
</style>