#5E4DFF - #B3B2FF | 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 #5E4DFF a #B3B2FF

#5E4DFF #B3B2FF

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

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

0.0%	0.0% #5E4DFF	RGB 94 77 255	#5E4DFF
16.7%	16.7% #6C5DFF	RGB 108 93 255	#6C5DFF
33.3%	33.3% #7A6EFF	RGB 122 110 255	#7A6EFF
50.0%	50.0% #887FFF	RGB 136 127 255	#887FFF
66.7%	66.7% #9690FF	RGB 150 144 255	#9690FF
83.3%	83.3% #A4A1FF	RGB 164 161 255	#A4A1FF
100.0%	100.0% #B3B2FF	RGB 179 178 255	#B3B2FF

#5E4DFF #6C5DFF #7A6EFF #887FFF #9690FF #A4A1FF #B3B2FF

#5E4DFF - #B3B2FF

Miscela HSV

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

0.0%	0.0% #5E4DFF	RGB 94 77 255	#5E4DFF
16.7%	16.7% #6B5DFF	RGB 107 93 255	#6B5DFF
33.3%	33.3% #786EFF	RGB 120 110 255	#786EFF
50.0%	50.0% #867FFF	RGB 134 127 255	#867FFF
66.7%	66.7% #9490FF	RGB 148 144 255	#9490FF
83.3%	83.3% #A3A1FF	RGB 163 161 255	#A3A1FF
100.0%	100.0% #B3B2FF	RGB 179 178 255	#B3B2FF

#5E4DFF #6B5DFF #786EFF #867FFF #9490FF #A3A1FF #B3B2FF

#5E4DFF - #867FFF - #B3B2FF

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4DFF 0%, #867FFF 50%, #B3B2FF 100%);
    background: -webkit-linear-gradient(top, #5E4DFF 0%, #867FFF 50%, #B3B2FF 100%);
    background: linear-gradient(to bottom, #5E4DFF 0%, #867FFF 50%, #B3B2FF 100%);
}
</style>