#5E5855 - #859DB6 | 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 #5E5855 a #859DB6

#5E5855 #859DB6

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

#5E5855 - #859DB6 | 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 #5E5855 come 0% e #859DB6 come 100%.

0.0%	0.0% #5E5855	RGB 94 88 85	#5E5855
16.7%	16.7% #646365	RGB 100 99 101	#646365
33.3%	33.3% #6B6F75	RGB 107 111 117	#6B6F75
50.0%	50.0% #717A85	RGB 113 122 133	#717A85
66.7%	66.7% #788695	RGB 120 134 149	#788695
83.3%	83.3% #7E91A5	RGB 126 145 165	#7E91A5
100.0%	100.0% #859DB6	RGB 133 157 182	#859DB6

#5E5855 #646365 #6B6F75 #717A85 #788695 #7E91A5 #859DB6

#5E5855 - #859DB6

Miscela HSV

#5E5855 - #859DB6 | 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 #5E5855 come 0% e #859DB6 come 100%.

0.0%	0.0% #5E5855	RGB 94 88 85	#5E5855
16.7%	16.7% #6C5F60	RGB 108 95 96	#6C5F60
33.3%	33.3% #7B6873	RGB 123 104 115	#7B6873
50.0%	50.0% #88708A	RGB 136 112 138	#88708A
66.7%	66.7% #867898	RGB 134 120 152	#867898
83.3%	83.3% #7F7FA7	RGB 127 127 167	#7F7FA7
100.0%	100.0% #859DB6	RGB 133 157 182	#859DB6

#5E5855 #6C5F60 #7B6873 #88708A #867898 #7F7FA7 #859DB6

#5E5855 - #88708A - #859DB6

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5855 0%, #88708A 50%, #859DB6 100%);
    background: -webkit-linear-gradient(top, #5E5855 0%, #88708A 50%, #859DB6 100%);
    background: linear-gradient(to bottom, #5E5855 0%, #88708A 50%, #859DB6 100%);
}
</style>