#5E6057 - #C0AC7E | 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 #5E6057 a #C0AC7E

#5E6057 #C0AC7E

Calcola il colore tra due colori, #5E6057 e #C0AC7E. 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)

#5E6057 - #C0AC7E | 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 #5E6057 come 0% e #C0AC7E come 100%.

0.0%	0.0% #5E6057	RGB 94 96 87	#5E6057
16.7%	16.7% #6E6C5D	RGB 110 108 93	#6E6C5D
33.3%	33.3% #7E7964	RGB 126 121 100	#7E7964
50.0%	50.0% #8F866A	RGB 143 134 106	#8F866A
66.7%	66.7% #9F9271	RGB 159 146 113	#9F9271
83.3%	83.3% #AF9F77	RGB 175 159 119	#AF9F77
100.0%	100.0% #C0AC7E	RGB 192 172 126	#C0AC7E

#5E6057 #6E6C5D #7E7964 #8F866A #9F9271 #AF9F77 #C0AC7E

#5E6057 - #C0AC7E

Miscela HSV

#5E6057 - #C0AC7E | 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 #5E6057 come 0% e #C0AC7E come 100%.

0.0%	0.0% #5E6057	RGB 94 96 87	#5E6057
16.7%	16.7% #6D7060	RGB 109 112 96	#6D7060
33.3%	33.3% #7E8069	RGB 126 128 105	#7E8069
50.0%	50.0% #908E70	RGB 144 142 112	#908E70
66.7%	66.7% #A09A76	RGB 160 154 118	#A09A76
83.3%	83.3% #B0A47A	RGB 176 164 122	#B0A47A
100.0%	100.0% #C0AC7E	RGB 192 172 126	#C0AC7E

#5E6057 #6D7060 #7E8069 #908E70 #A09A76 #B0A47A #C0AC7E

#5E6057 - #908E70 - #C0AC7E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6057 0%, #908E70 50%, #C0AC7E 100%);
    background: -webkit-linear-gradient(top, #5E6057 0%, #908E70 50%, #C0AC7E 100%);
    background: linear-gradient(to bottom, #5E6057 0%, #908E70 50%, #C0AC7E 100%);
}
</style>