#473F3C - #CAC8C7 | 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 #473F3C a #CAC8C7

#473F3C #CAC8C7

Calcola il colore tra due colori, #473F3C e #CAC8C7. 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)

#473F3C - #CAC8C7 | 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 #473F3C come 0% e #CAC8C7 come 100%.

0.0%	0.0% #473F3C	RGB 71 63 60	#473F3C
16.7%	16.7% #5C5553	RGB 92 85 83	#5C5553
33.3%	33.3% #726C6A	RGB 114 108 106	#726C6A
50.0%	50.0% #888381	RGB 136 131 129	#888381
66.7%	66.7% #9E9A98	RGB 158 154 152	#9E9A98
83.3%	83.3% #B4B1AF	RGB 180 177 175	#B4B1AF
100.0%	100.0% #CAC8C7	RGB 202 200 199	#CAC8C7

#473F3C #5C5553 #726C6A #888381 #9E9A98 #B4B1AF #CAC8C7

#473F3C - #CAC8C7

Miscela HSV

#473F3C - #CAC8C7 | 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 #473F3C come 0% e #CAC8C7 come 100%.

0.0%	0.0% #473F3C	RGB 71 63 60	#473F3C
16.7%	16.7% #5C5450	RGB 92 84 80	#5C5450
33.3%	33.3% #726966	RGB 114 105 102	#726966
50.0%	50.0% #88807C	RGB 136 128 124	#88807C
66.7%	66.7% #9E9794	RGB 158 151 148	#9E9794
83.3%	83.3% #B4AFAD	RGB 180 175 173	#B4AFAD
100.0%	100.0% #CAC8C7	RGB 202 200 199	#CAC8C7

#473F3C #5C5450 #726966 #88807C #9E9794 #B4AFAD #CAC8C7

#473F3C - #88807C - #CAC8C7

Codici CSS

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

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