#5E65E8 - #8AB2FB | 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 #5E65E8 a #8AB2FB

#5E65E8 #8AB2FB

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

#5E65E8 - #8AB2FB | 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 #5E65E8 come 0% e #8AB2FB come 100%.

0.0%	0.0% #5E65E8	RGB 94 101 232	#5E65E8
16.7%	16.7% #6571EB	RGB 101 113 235	#6571EB
33.3%	33.3% #6C7EEE	RGB 108 126 238	#6C7EEE
50.0%	50.0% #748BF1	RGB 116 139 241	#748BF1
66.7%	66.7% #7B98F4	RGB 123 152 244	#7B98F4
83.3%	83.3% #82A5F7	RGB 130 165 247	#82A5F7
100.0%	100.0% #8AB2FB	RGB 138 178 251	#8AB2FB

#5E65E8 #6571EB #6C7EEE #748BF1 #7B98F4 #82A5F7 #8AB2FB

#5E65E8 - #8AB2FB

Miscela HSV

#5E65E8 - #8AB2FB | 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 #5E65E8 come 0% e #8AB2FB come 100%.

0.0%	0.0% #5E65E8	RGB 94 101 232	#5E65E8
16.7%	16.7% #6472EB	RGB 100 114 235	#6472EB
33.3%	33.3% #6C7FEE	RGB 108 127 238	#6C7FEE
50.0%	50.0% #738CF1	RGB 115 140 241	#738CF1
66.7%	66.7% #7A99F4	RGB 122 153 244	#7A99F4
83.3%	83.3% #82A5F7	RGB 130 165 247	#82A5F7
100.0%	100.0% #8AB2FB	RGB 138 178 251	#8AB2FB

#5E65E8 #6472EB #6C7FEE #738CF1 #7A99F4 #82A5F7 #8AB2FB

#5E65E8 - #738CF1 - #8AB2FB

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E65E8 0%, #738CF1 50%, #8AB2FB 100%);
    background: -webkit-linear-gradient(top, #5E65E8 0%, #738CF1 50%, #8AB2FB 100%);
    background: linear-gradient(to bottom, #5E65E8 0%, #738CF1 50%, #8AB2FB 100%);
}
</style>