#605E5E - #DCB08B | 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 #605E5E a #DCB08B

#605E5E #DCB08B

Calcola il colore tra due colori, #605E5E e #DCB08B. 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)

#605E5E - #DCB08B | 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 #605E5E come 0% e #DCB08B come 100%.

0.0%	0.0% #605E5E	RGB 96 94 94	#605E5E
16.7%	16.7% #746B65	RGB 116 107 101	#746B65
33.3%	33.3% #89796D	RGB 137 121 109	#89796D
50.0%	50.0% #9E8774	RGB 158 135 116	#9E8774
66.7%	66.7% #B2947C	RGB 178 148 124	#B2947C
83.3%	83.3% #C7A283	RGB 199 162 131	#C7A283
100.0%	100.0% #DCB08B	RGB 220 176 139	#DCB08B

#605E5E #746B65 #89796D #9E8774 #B2947C #C7A283 #DCB08B

#605E5E - #DCB08B

Miscela HSV

#605E5E - #DCB08B | 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 #605E5E come 0% e #DCB08B come 100%.

0.0%	0.0% #605E5E	RGB 96 94 94	#605E5E
16.7%	16.7% #746C6B	RGB 116 108 107	#746C6B
33.3%	33.3% #897976	RGB 137 121 118	#897976
50.0%	50.0% #9E867F	RGB 158 134 127	#9E867F
66.7%	66.7% #B29385	RGB 178 147 133	#B29385
83.3%	83.3% #C7A189	RGB 199 161 137	#C7A189
100.0%	100.0% #DCB08B	RGB 220 176 139	#DCB08B

#605E5E #746C6B #897976 #9E867F #B29385 #C7A189 #DCB08B

#605E5E - #9E867F - #DCB08B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #605E5E 0%, #9E867F 50%, #DCB08B 100%);
    background: -webkit-linear-gradient(top, #605E5E 0%, #9E867F 50%, #DCB08B 100%);
    background: linear-gradient(to bottom, #605E5E 0%, #9E867F 50%, #DCB08B 100%);
}
</style>