#BFC2FF - #5E63D6 | 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 #BFC2FF a #5E63D6

#BFC2FF #5E63D6

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

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

0.0%	0.0% #BFC2FF	RGB 191 194 255	#BFC2FF
16.7%	16.7% #AEB2F8	RGB 174 178 248	#AEB2F8
33.3%	33.3% #9EA2F1	RGB 158 162 241	#9EA2F1
50.0%	50.0% #8E92EA	RGB 142 146 234	#8E92EA
66.7%	66.7% #7E82E3	RGB 126 130 227	#7E82E3
83.3%	83.3% #6E72DC	RGB 110 114 220	#6E72DC
100.0%	100.0% #5E63D6	RGB 94 99 214	#5E63D6

#BFC2FF #AEB2F8 #9EA2F1 #8E92EA #7E82E3 #6E72DC #5E63D6

#BFC2FF - #5E63D6

Miscela HSV

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

0.0%	0.0% #BFC2FF	RGB 191 194 255	#BFC2FF
16.7%	16.7% #ADB0F8	RGB 173 176 248	#ADB0F8
33.3%	33.3% #9B9FF1	RGB 155 159 241	#9B9FF1
50.0%	50.0% #8B8FEA	RGB 139 143 234	#8B8FEA
66.7%	66.7% #7B80E3	RGB 123 128 227	#7B80E3
83.3%	83.3% #6C71DC	RGB 108 113 220	#6C71DC
100.0%	100.0% #5E63D6	RGB 94 99 214	#5E63D6

#BFC2FF #ADB0F8 #9B9FF1 #8B8FEA #7B80E3 #6C71DC #5E63D6

#BFC2FF - #8B8FEA - #5E63D6

Codici CSS

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

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