#4C5E6B - #AFA393 | 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 #4C5E6B a #AFA393

#4C5E6B #AFA393

Calcola il colore tra due colori, #4C5E6B e #AFA393. 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)

#4C5E6B - #AFA393 | 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 #4C5E6B come 0% e #AFA393 come 100%.

0.0%	0.0% #4C5E6B	RGB 76 94 107	#4C5E6B
16.7%	16.7% #5C6971	RGB 92 105 113	#5C6971
33.3%	33.3% #6D7578	RGB 109 117 120	#6D7578
50.0%	50.0% #7D807F	RGB 125 128 127	#7D807F
66.7%	66.7% #8E8C85	RGB 142 140 133	#8E8C85
83.3%	83.3% #9E978C	RGB 158 151 140	#9E978C
100.0%	100.0% #AFA393	RGB 175 163 147	#AFA393

#4C5E6B #5C6971 #6D7578 #7D807F #8E8C85 #9E978C #AFA393

#4C5E6B - #AFA393

Miscela HSV

#4C5E6B - #AFA393 | 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 #4C5E6B come 0% e #AFA393 come 100%.

0.0%	0.0% #4C5D6B	RGB 76 93 107	#4C5D6B
16.7%	16.7% #567674	RGB 86 118 116	#567674
33.3%	33.3% #618170	RGB 97 129 112	#618170
50.0%	50.0% #6D8D6D	RGB 109 141 109	#6D8D6D
66.7%	66.7% #889879	RGB 136 152 121	#889879
83.3%	83.3% #A2A385	RGB 162 163 133	#A2A385
100.0%	100.0% #AFA393	RGB 175 163 147	#AFA393

#4C5D6B #567674 #618170 #6D8D6D #889879 #A2A385 #AFA393

#4C5E6B - #6D8D6D - #AFA393

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5D6B 0%, #6D8D6D 50%, #AFA393 100%);
    background: -webkit-linear-gradient(top, #4C5D6B 0%, #6D8D6D 50%, #AFA393 100%);
    background: linear-gradient(to bottom, #4C5D6B 0%, #6D8D6D 50%, #AFA393 100%);
}
</style>