#5E666E - #BEA890 | 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 #5E666E a #BEA890

#5E666E #BEA890

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

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

0.0%	0.0% #5E666E	RGB 94 102 110	#5E666E
16.7%	16.7% #6E7173	RGB 110 113 115	#6E7173
33.3%	33.3% #7E7C79	RGB 126 124 121	#7E7C79
50.0%	50.0% #8E877F	RGB 142 135 127	#8E877F
66.7%	66.7% #9E9284	RGB 158 146 132	#9E9284
83.3%	83.3% #AE9D8A	RGB 174 157 138	#AE9D8A
100.0%	100.0% #BEA890	RGB 190 168 144	#BEA890

#5E666E #6E7173 #7E7C79 #8E877F #9E9284 #AE9D8A #BEA890

#5E666E - #BEA890

Miscela HSV

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

0.0%	0.0% #5E666E	RGB 94 102 110	#5E666E
16.7%	16.7% #677B7B	RGB 103 123 123	#677B7B
33.3%	33.3% #70887C	RGB 112 136 124	#70887C
50.0%	50.0% #789679	RGB 120 150 121	#789679
66.7%	66.7% #91A381	RGB 145 163 129	#91A381
83.3%	83.3% #AFB088	RGB 175 176 136	#AFB088
100.0%	100.0% #BEA890	RGB 190 168 144	#BEA890

#5E666E #677B7B #70887C #789679 #91A381 #AFB088 #BEA890

#5E666E - #789679 - #BEA890

Codici CSS

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

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