#4D5E5B - #856BE5 | 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 #4D5E5B a #856BE5

#4D5E5B #856BE5

Calcola il colore tra due colori, #4D5E5B e #856BE5. 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)

#4D5E5B - #856BE5 | 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 #4D5E5B come 0% e #856BE5 come 100%.

0.0%	0.0% #4D5E5B	RGB 77 94 91	#4D5E5B
16.7%	16.7% #566072	RGB 86 96 114	#566072
33.3%	33.3% #5F6289	RGB 95 98 137	#5F6289
50.0%	50.0% #6964A0	RGB 105 100 160	#6964A0
66.7%	66.7% #7266B7	RGB 114 102 183	#7266B7
83.3%	83.3% #7B68CE	RGB 123 104 206	#7B68CE
100.0%	100.0% #856BE5	RGB 133 107 229	#856BE5

#4D5E5B #566072 #5F6289 #6964A0 #7266B7 #7B68CE #856BE5

#4D5E5B - #856BE5

Miscela HSV

#4D5E5B - #856BE5 | 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 #4D5E5B come 0% e #856BE5 come 100%.

0.0%	0.0% #4D5E5B	RGB 77 94 91	#4D5E5B
16.7%	16.7% #587274	RGB 88 114 116	#587274
33.3%	33.3% #617F8B	RGB 97 127 139	#617F8B
50.0%	50.0% #6783A1	RGB 103 131 161	#6783A1
66.7%	66.7% #6B7EB8	RGB 107 126 184	#6B7EB8
83.3%	83.3% #6C6ECE	RGB 108 110 206	#6C6ECE
100.0%	100.0% #856BE5	RGB 133 107 229	#856BE5

#4D5E5B #587274 #617F8B #6783A1 #6B7EB8 #6C6ECE #856BE5

#4D5E5B - #6783A1 - #856BE5

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E5B 0%, #6783A1 50%, #856BE5 100%);
    background: -webkit-linear-gradient(top, #4D5E5B 0%, #6783A1 50%, #856BE5 100%);
    background: linear-gradient(to bottom, #4D5E5B 0%, #6783A1 50%, #856BE5 100%);
}
</style>