#7B5E74 - #ECAD98 | 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 #7B5E74 a #ECAD98

#7B5E74 #ECAD98

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

#7B5E74 - #ECAD98 | 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 #7B5E74 come 0% e #ECAD98 come 100%.

0.0%	0.0% #7B5E74	RGB 123 94 116	#7B5E74
16.7%	16.7% #8D6B7A	RGB 141 107 122	#8D6B7A
33.3%	33.3% #A07880	RGB 160 120 128	#A07880
50.0%	50.0% #B38586	RGB 179 133 134	#B38586
66.7%	66.7% #C6928C	RGB 198 146 140	#C6928C
83.3%	83.3% #D99F92	RGB 217 159 146	#D99F92
100.0%	100.0% #ECAD98	RGB 236 173 152	#ECAD98

#7B5E74 #8D6B7A #A07880 #B38586 #C6928C #D99F92 #ECAD98

#7B5E74 - #ECAD98

Miscela HSV

#7B5E74 - #ECAD98 | 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 #7B5E74 come 0% e #ECAD98 come 100%.

0.0%	0.0% #7B5E74	RGB 123 94 116	#7B5E74
16.7%	16.7% #8D697E	RGB 141 105 126	#8D697E
33.3%	33.3% #A07487	RGB 160 116 135	#A07487
50.0%	50.0% #B37E8B	RGB 179 126 139	#B37E8B
66.7%	66.7% #C6878D	RGB 198 135 141	#C6878D
83.3%	83.3% #D99690	RGB 217 150 144	#D99690
100.0%	100.0% #ECAD98	RGB 236 173 152	#ECAD98

#7B5E74 #8D697E #A07487 #B37E8B #C6878D #D99690 #ECAD98

#7B5E74 - #B37E8B - #ECAD98

Codici CSS

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

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