#C4A8AC - #8D565E | 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 #C4A8AC a #8D565E

#C4A8AC #8D565E

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

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

0.0%	0.0% #C4A8AC	RGB 196 168 172	#C4A8AC
16.7%	16.7% #BA9A9F	RGB 186 154 159	#BA9A9F
33.3%	33.3% #B18C92	RGB 177 140 146	#B18C92
50.0%	50.0% #A87F85	RGB 168 127 133	#A87F85
66.7%	66.7% #9F7178	RGB 159 113 120	#9F7178
83.3%	83.3% #96636B	RGB 150 99 107	#96636B
100.0%	100.0% #8D565E	RGB 141 86 94	#8D565E

#C4A8AC #BA9A9F #B18C92 #A87F85 #9F7178 #96636B #8D565E

#C4A8AC - #8D565E

Miscela HSV

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

0.0%	0.0% #C4A8AC	RGB 196 168 172	#C4A8AC
16.7%	16.7% #BA989D	RGB 186 152 157	#BA989D
33.3%	33.3% #B1898F	RGB 177 137 143	#B1898F
50.0%	50.0% #A87B82	RGB 168 123 130	#A87B82
66.7%	66.7% #9F6E75	RGB 159 110 117	#9F6E75
83.3%	83.3% #966169	RGB 150 97 105	#966169
100.0%	100.0% #8D565E	RGB 141 86 94	#8D565E

#C4A8AC #BA989D #B1898F #A87B82 #9F6E75 #966169 #8D565E

#C4A8AC - #A87B82 - #8D565E

Codici CSS

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

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