#5E718E - #BCB3AC | 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 #5E718E a #BCB3AC

#5E718E #BCB3AC

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

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

0.0%	0.0% #5E718E	RGB 94 113 142	#5E718E
16.7%	16.7% #6D7C93	RGB 109 124 147	#6D7C93
33.3%	33.3% #7D8798	RGB 125 135 152	#7D8798
50.0%	50.0% #8D929D	RGB 141 146 157	#8D929D
66.7%	66.7% #9C9DA2	RGB 156 157 162	#9C9DA2
83.3%	83.3% #ACA8A7	RGB 172 168 167	#ACA8A7
100.0%	100.0% #BCB3AC	RGB 188 179 172	#BCB3AC

#5E718E #6D7C93 #7D8798 #8D929D #9C9DA2 #ACA8A7 #BCB3AC

#5E718E - #BCB3AC

Miscela HSV

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

0.0%	0.0% #5E718E	RGB 94 113 142	#5E718E
16.7%	16.7% #6C6995	RGB 108 105 149	#6C6995
33.3%	33.3% #8B759D	RGB 139 117 157	#8B759D
50.0%	50.0% #A582A4	RGB 165 130 164	#A582A4
66.7%	66.7% #AC8F9E	RGB 172 143 158	#AC8F9E
83.3%	83.3% #B49D9E	RGB 180 157 158	#B49D9E
100.0%	100.0% #BCB3AC	RGB 188 179 172	#BCB3AC

#5E718E #6C6995 #8B759D #A582A4 #AC8F9E #B49D9E #BCB3AC

#5E718E - #A582A4 - #BCB3AC

Codici CSS

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

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