#BDBDEA - #5E60B5 | 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 #BDBDEA a #5E60B5

#BDBDEA #5E60B5

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

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

0.0%	0.0% #BDBDEA	RGB 189 189 234	#BDBDEA
16.7%	16.7% #ADADE1	RGB 173 173 225	#ADADE1
33.3%	33.3% #9D9ED8	RGB 157 158 216	#9D9ED8
50.0%	50.0% #8D8ECF	RGB 141 142 207	#8D8ECF
66.7%	66.7% #7D7FC6	RGB 125 127 198	#7D7FC6
83.3%	83.3% #6D6FBD	RGB 109 111 189	#6D6FBD
100.0%	100.0% #5E60B5	RGB 94 96 181	#5E60B5

#BDBDEA #ADADE1 #9D9ED8 #8D8ECF #7D7FC6 #6D6FBD #5E60B5

#BDBDEA - #5E60B5

Miscela HSV

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

0.0%	0.0% #BDBDEA	RGB 189 189 234	#BDBDEA
16.7%	16.7% #ABABE1	RGB 171 171 225	#ABABE1
33.3%	33.3% #999AD8	RGB 153 154 216	#999AD8
50.0%	50.0% #898ACF	RGB 137 138 207	#898ACF
66.7%	66.7% #7A7BC6	RGB 122 123 198	#7A7BC6
83.3%	83.3% #6B6DBD	RGB 107 109 189	#6B6DBD
100.0%	100.0% #5E60B5	RGB 94 96 181	#5E60B5

#BDBDEA #ABABE1 #999AD8 #898ACF #7A7BC6 #6B6DBD #5E60B5

#BDBDEA - #898ACF - #5E60B5

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BDBDEA 0%, #898ACF 50%, #5E60B5 100%);
    background: -webkit-linear-gradient(top, #BDBDEA 0%, #898ACF 50%, #5E60B5 100%);
    background: linear-gradient(to bottom, #BDBDEA 0%, #898ACF 50%, #5E60B5 100%);
}
</style>