#5E5DFF - #C0C7E8 | 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 #5E5DFF a #C0C7E8

#5E5DFF #C0C7E8

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

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

0.0%	0.0% #5E5DFF	RGB 94 93 255	#5E5DFF
16.7%	16.7% #6E6EFB	RGB 110 110 251	#6E6EFB
33.3%	33.3% #7E80F7	RGB 126 128 247	#7E80F7
50.0%	50.0% #8F92F3	RGB 143 146 243	#8F92F3
66.7%	66.7% #9FA3EF	RGB 159 163 239	#9FA3EF
83.3%	83.3% #AFB5EB	RGB 175 181 235	#AFB5EB
100.0%	100.0% #C0C7E8	RGB 192 199 232	#C0C7E8

#5E5DFF #6E6EFB #7E80F7 #8F92F3 #9FA3EF #AFB5EB #C0C7E8

#5E5DFF - #C0C7E8

Miscela HSV

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

0.0%	0.0% #5E5DFF	RGB 94 93 255	#5E5DFF
16.7%	16.7% #6E72FB	RGB 110 114 251	#6E72FB
33.3%	33.3% #8086F7	RGB 128 134 247	#8086F7
50.0%	50.0% #9199F3	RGB 145 153 243	#9199F3
66.7%	66.7% #A1AAEF	RGB 161 170 239	#A1AAEF
83.3%	83.3% #B0B9EB	RGB 176 185 235	#B0B9EB
100.0%	100.0% #C0C7E8	RGB 192 199 232	#C0C7E8

#5E5DFF #6E72FB #8086F7 #9199F3 #A1AAEF #B0B9EB #C0C7E8

#5E5DFF - #9199F3 - #C0C7E8

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5DFF 0%, #9199F3 50%, #C0C7E8 100%);
    background: -webkit-linear-gradient(top, #5E5DFF 0%, #9199F3 50%, #C0C7E8 100%);
    background: linear-gradient(to bottom, #5E5DFF 0%, #9199F3 50%, #C0C7E8 100%);
}
</style>