#8D5EFE - #9BA0FF | 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 #8D5EFE a #9BA0FF

#8D5EFE #9BA0FF

Calcola il colore tra due colori, #8D5EFE e #9BA0FF. 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)

#8D5EFE - #9BA0FF | 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 #8D5EFE come 0% e #9BA0FF come 100%.

0.0%	0.0% #8D5EFE	RGB 141 94 254	#8D5EFE
16.7%	16.7% #8F69FE	RGB 143 105 254	#8F69FE
33.3%	33.3% #9174FE	RGB 145 116 254	#9174FE
50.0%	50.0% #947FFE	RGB 148 127 254	#947FFE
66.7%	66.7% #968AFE	RGB 150 138 254	#968AFE
83.3%	83.3% #9895FE	RGB 152 149 254	#9895FE
100.0%	100.0% #9BA0FF	RGB 155 160 255	#9BA0FF

#8D5EFE #8F69FE #9174FE #947FFE #968AFE #9895FE #9BA0FF

#8D5EFE - #9BA0FF

Miscela HSV

#8D5EFE - #9BA0FF | 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 #8D5EFE come 0% e #9BA0FF come 100%.

0.0%	0.0% #8C5EFE	RGB 140 94 254	#8C5EFE
16.7%	16.7% #8B68FE	RGB 139 104 254	#8B68FE
33.3%	33.3% #8B72FE	RGB 139 114 254	#8B72FE
50.0%	50.0% #8C7CFE	RGB 140 124 254	#8C7CFE
66.7%	66.7% #8E86FE	RGB 142 134 254	#8E86FE
83.3%	83.3% #9190FE	RGB 145 144 254	#9190FE
100.0%	100.0% #9BA0FF	RGB 155 160 255	#9BA0FF

#8C5EFE #8B68FE #8B72FE #8C7CFE #8E86FE #9190FE #9BA0FF

#8D5EFE - #8C7CFE - #9BA0FF

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C5EFE 0%, #8C7CFE 50%, #9BA0FF 100%);
    background: -webkit-linear-gradient(top, #8C5EFE 0%, #8C7CFE 50%, #9BA0FF 100%);
    background: linear-gradient(to bottom, #8C5EFE 0%, #8C7CFE 50%, #9BA0FF 100%);
}
</style>