#5E615A - #BFAB7E | 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 #5E615A a #BFAB7E

#5E615A #BFAB7E

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

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

0.0%	0.0% #5E615A	RGB 94 97 90	#5E615A
16.7%	16.7% #6E6D60	RGB 110 109 96	#6E6D60
33.3%	33.3% #7E7966	RGB 126 121 102	#7E7966
50.0%	50.0% #8E866C	RGB 142 134 108	#8E866C
66.7%	66.7% #9E9272	RGB 158 146 114	#9E9272
83.3%	83.3% #AE9E78	RGB 174 158 120	#AE9E78
100.0%	100.0% #BFAB7E	RGB 191 171 126	#BFAB7E

#5E615A #6E6D60 #7E7966 #8E866C #9E9272 #AE9E78 #BFAB7E

#5E615A - #BFAB7E

Miscela HSV

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

0.0%	0.0% #5E615A	RGB 94 97 90	#5E615A
16.7%	16.7% #6C7063	RGB 108 112 99	#6C7063
33.3%	33.3% #7C806B	RGB 124 128 107	#7C806B
50.0%	50.0% #8E9072	RGB 142 144 114	#8E9072
66.7%	66.7% #9F9D77	RGB 159 157 119	#9F9D77
83.3%	83.3% #AFA57B	RGB 175 165 123	#AFA57B
100.0%	100.0% #BFAB7E	RGB 191 171 126	#BFAB7E

#5E615A #6C7063 #7C806B #8E9072 #9F9D77 #AFA57B #BFAB7E

#5E615A - #8E9072 - #BFAB7E

Codici CSS

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

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