#5E739E - #B7B6B9 | 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 #5E739E a #B7B6B9

#5E739E #B7B6B9

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

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

0.0%	0.0% #5E739E	RGB 94 115 158	#5E739E
16.7%	16.7% #6C7EA2	RGB 108 126 162	#6C7EA2
33.3%	33.3% #7B89A7	RGB 123 137 167	#7B89A7
50.0%	50.0% #8A94AB	RGB 138 148 171	#8A94AB
66.7%	66.7% #999FB0	RGB 153 159 176	#999FB0
83.3%	83.3% #A8AAB4	RGB 168 170 180	#A8AAB4
100.0%	100.0% #B7B6B9	RGB 183 182 185	#B7B6B9

#5E739E #6C7EA2 #7B89A7 #8A94AB #999FB0 #A8AAB4 #B7B6B9

#5E739E - #B7B6B9

Miscela HSV

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

0.0%	0.0% #5E739E	RGB 94 115 158	#5E739E
16.7%	16.7% #6B77A2	RGB 107 119 162	#6B77A2
33.3%	33.3% #797DA7	RGB 121 125 167	#797DA7
50.0%	50.0% #8787AB	RGB 135 135 171	#8787AB
66.7%	66.7% #9996B0	RGB 153 150 176	#9996B0
83.3%	83.3% #A9A5B4	RGB 169 165 180	#A9A5B4
100.0%	100.0% #B7B6B9	RGB 183 182 185	#B7B6B9

#5E739E #6B77A2 #797DA7 #8787AB #9996B0 #A9A5B4 #B7B6B9

#5E739E - #8787AB - #B7B6B9

Codici CSS

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

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