#5E739C - #B8B5B7 | 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 #5E739C a #B8B5B7

#5E739C #B8B5B7

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

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

0.0%	0.0% #5E739C	RGB 94 115 156	#5E739C
16.7%	16.7% #6D7EA0	RGB 109 126 160	#6D7EA0
33.3%	33.3% #7C89A5	RGB 124 137 165	#7C89A5
50.0%	50.0% #8B94A9	RGB 139 148 169	#8B94A9
66.7%	66.7% #9A9FAE	RGB 154 159 174	#9A9FAE
83.3%	83.3% #A9AAB2	RGB 169 170 178	#A9AAB2
100.0%	100.0% #B8B5B7	RGB 184 181 183	#B8B5B7

#5E739C #6D7EA0 #7C89A5 #8B94A9 #9A9FAE #A9AAB2 #B8B5B7

#5E739C - #B8B5B7

Miscela HSV

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

0.0%	0.0% #5E739C	RGB 94 115 156	#5E739C
16.7%	16.7% #6B6EA0	RGB 107 110 160	#6B6EA0
33.3%	33.3% #8278A5	RGB 130 120 165	#8278A5
50.0%	50.0% #9886AA	RGB 152 134 170	#9886AA
66.7%	66.7% #A995AE	RGB 169 149 174	#A995AE
83.3%	83.3% #B3A5B2	RGB 179 165 178	#B3A5B2
100.0%	100.0% #B8B5B7	RGB 184 181 183	#B8B5B7

#5E739C #6B6EA0 #8278A5 #9886AA #A995AE #B3A5B2 #B8B5B7

#5E739C - #9886AA - #B8B5B7

Codici CSS

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

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