#7B5E73 - #ECAC97 | 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 #7B5E73 a #ECAC97

#7B5E73 #ECAC97

Calcola il colore tra due colori, #7B5E73 e #ECAC97. 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)

#7B5E73 - #ECAC97 | 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 #7B5E73 come 0% e #ECAC97 come 100%.

0.0%	0.0% #7B5E73	RGB 123 94 115	#7B5E73
16.7%	16.7% #8D6B79	RGB 141 107 121	#8D6B79
33.3%	33.3% #A0787F	RGB 160 120 127	#A0787F
50.0%	50.0% #B38585	RGB 179 133 133	#B38585
66.7%	66.7% #C6928B	RGB 198 146 139	#C6928B
83.3%	83.3% #D99F91	RGB 217 159 145	#D99F91
100.0%	100.0% #ECAC97	RGB 236 172 151	#ECAC97

#7B5E73 #8D6B79 #A0787F #B38585 #C6928B #D99F91 #ECAC97

#7B5E73 - #ECAC97

Miscela HSV

#7B5E73 - #ECAC97 | 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 #7B5E73 come 0% e #ECAC97 come 100%.

0.0%	0.0% #7B5E73	RGB 123 94 115	#7B5E73
16.7%	16.7% #8D697D	RGB 141 105 125	#8D697D
33.3%	33.3% #A07485	RGB 160 116 133	#A07485
50.0%	50.0% #B37E8A	RGB 179 126 138	#B37E8A
66.7%	66.7% #C6878B	RGB 198 135 139	#C6878B
83.3%	83.3% #D9958F	RGB 217 149 143	#D9958F
100.0%	100.0% #ECAC97	RGB 236 172 151	#ECAC97

#7B5E73 #8D697D #A07485 #B37E8A #C6878B #D9958F #ECAC97

#7B5E73 - #B37E8A - #ECAC97

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B5E73 0%, #B37E8A 50%, #ECAC97 100%);
    background: -webkit-linear-gradient(top, #7B5E73 0%, #B37E8A 50%, #ECAC97 100%);
    background: linear-gradient(to bottom, #7B5E73 0%, #B37E8A 50%, #ECAC97 100%);
}
</style>