#785E6B - #EBAA8C | 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 #785E6B a #EBAA8C

#785E6B #EBAA8C

Calcola il colore tra due colori, #785E6B e #EBAA8C. 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)

#785E6B - #EBAA8C | 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 #785E6B come 0% e #EBAA8C come 100%.

0.0%	0.0% #785E6B	RGB 120 94 107	#785E6B
16.7%	16.7% #8B6A70	RGB 139 106 112	#8B6A70
33.3%	33.3% #9E7776	RGB 158 119 118	#9E7776
50.0%	50.0% #B1847B	RGB 177 132 123	#B1847B
66.7%	66.7% #C49081	RGB 196 144 129	#C49081
83.3%	83.3% #D79D86	RGB 215 157 134	#D79D86
100.0%	100.0% #EBAA8C	RGB 235 170 140	#EBAA8C

#785E6B #8B6A70 #9E7776 #B1847B #C49081 #D79D86 #EBAA8C

#785E6B - #EBAA8C

Miscela HSV

#785E6B - #EBAA8C | 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 #785E6B come 0% e #EBAA8C come 100%.

0.0%	0.0% #785E6B	RGB 120 94 107	#785E6B
16.7%	16.7% #8B6875	RGB 139 104 117	#8B6875
33.3%	33.3% #9E727C	RGB 158 114 124	#9E727C
50.0%	50.0% #B17A7F	RGB 177 122 127	#B17A7F
66.7%	66.7% #C48481	RGB 196 132 129	#C48481
83.3%	83.3% #D79587	RGB 215 149 135	#D79587
100.0%	100.0% #EBAA8C	RGB 235 170 140	#EBAA8C

#785E6B #8B6875 #9E727C #B17A7F #C48481 #D79587 #EBAA8C

#785E6B - #B17A7F - #EBAA8C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #785E6B 0%, #B17A7F 50%, #EBAA8C 100%);
    background: -webkit-linear-gradient(top, #785E6B 0%, #B17A7F 50%, #EBAA8C 100%);
    background: linear-gradient(to bottom, #785E6B 0%, #B17A7F 50%, #EBAA8C 100%);
}
</style>