#50403C - #CDC8C7 | 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 #50403C a #CDC8C7

#50403C #CDC8C7

Calcola il colore tra due colori, #50403C e #CDC8C7. 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)

#50403C - #CDC8C7 | 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 #50403C come 0% e #CDC8C7 come 100%.

0.0%	0.0% #50403C	RGB 80 64 60	#50403C
16.7%	16.7% #645653	RGB 100 86 83	#645653
33.3%	33.3% #796D6A	RGB 121 109 106	#796D6A
50.0%	50.0% #8E8481	RGB 142 132 129	#8E8481
66.7%	66.7% #A39A98	RGB 163 154 152	#A39A98
83.3%	83.3% #B8B1AF	RGB 184 177 175	#B8B1AF
100.0%	100.0% #CDC8C7	RGB 205 200 199	#CDC8C7

#50403C #645653 #796D6A #8E8481 #A39A98 #B8B1AF #CDC8C7

#50403C - #CDC8C7

Miscela HSV

#50403C - #CDC8C7 | 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 #50403C come 0% e #CDC8C7 come 100%.

0.0%	0.0% #50403C	RGB 80 64 60	#50403C
16.7%	16.7% #64534F	RGB 100 83 79	#64534F
33.3%	33.3% #796864	RGB 121 104 100	#796864
50.0%	50.0% #8E7E7A	RGB 142 126 122	#8E7E7A
66.7%	66.7% #A39592	RGB 163 149 146	#A39592
83.3%	83.3% #B8AEAC	RGB 184 174 172	#B8AEAC
100.0%	100.0% #CDC8C7	RGB 205 200 199	#CDC8C7

#50403C #64534F #796864 #8E7E7A #A39592 #B8AEAC #CDC8C7

#50403C - #8E7E7A - #CDC8C7

Codici CSS

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

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