#5E738F - #BDB5AD | 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 #5E738F a #BDB5AD

#5E738F #BDB5AD

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

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

0.0%	0.0% #5E738F	RGB 94 115 143	#5E738F
16.7%	16.7% #6D7E94	RGB 109 126 148	#6D7E94
33.3%	33.3% #7D8999	RGB 125 137 153	#7D8999
50.0%	50.0% #8D949E	RGB 141 148 158	#8D949E
66.7%	66.7% #9D9FA3	RGB 157 159 163	#9D9FA3
83.3%	83.3% #ADAAA8	RGB 173 170 168	#ADAAA8
100.0%	100.0% #BDB5AD	RGB 189 181 173	#BDB5AD

#5E738F #6D7E94 #7D8999 #8D949E #9D9FA3 #ADAAA8 #BDB5AD

#5E738F - #BDB5AD

Miscela HSV

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

0.0%	0.0% #5E738F	RGB 94 115 143	#5E738F
16.7%	16.7% #6C6996	RGB 108 105 150	#6C6996
33.3%	33.3% #8B759E	RGB 139 117 158	#8B759E
50.0%	50.0% #A682A4	RGB 166 130 164	#A682A4
66.7%	66.7% #AD909E	RGB 173 144 158	#AD909E
83.3%	83.3% #B59E9E	RGB 181 158 158	#B59E9E
100.0%	100.0% #BDB5AD	RGB 189 181 173	#BDB5AD

#5E738F #6C6996 #8B759E #A682A4 #AD909E #B59E9E #BDB5AD

#5E738F - #A682A4 - #BDB5AD

Codici CSS

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

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