#BFD1E8 - #5E7FAC | 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 #BFD1E8 a #5E7FAC

#BFD1E8 #5E7FAC

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

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

0.0%	0.0% #BFD1E8	RGB 191 209 232	#BFD1E8
16.7%	16.7% #AEC3DE	RGB 174 195 222	#AEC3DE
33.3%	33.3% #9EB5D4	RGB 158 181 212	#9EB5D4
50.0%	50.0% #8EA8CA	RGB 142 168 202	#8EA8CA
66.7%	66.7% #7E9AC0	RGB 126 154 192	#7E9AC0
83.3%	83.3% #6E8CB6	RGB 110 140 182	#6E8CB6
100.0%	100.0% #5E7FAC	RGB 94 127 172	#5E7FAC

#BFD1E8 #AEC3DE #9EB5D4 #8EA8CA #7E9AC0 #6E8CB6 #5E7FAC

#BFD1E8 - #5E7FAC

Miscela HSV

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

0.0%	0.0% #BFD1E8	RGB 191 209 232	#BFD1E8
16.7%	16.7% #ACC2DE	RGB 172 194 222	#ACC2DE
33.3%	33.3% #9AB3D4	RGB 154 179 212	#9AB3D4
50.0%	50.0% #8AA5CA	RGB 138 165 202	#8AA5CA
66.7%	66.7% #7A98C0	RGB 122 152 192	#7A98C0
83.3%	83.3% #6B8BB6	RGB 107 139 182	#6B8BB6
100.0%	100.0% #5E7FAC	RGB 94 127 172	#5E7FAC

#BFD1E8 #ACC2DE #9AB3D4 #8AA5CA #7A98C0 #6B8BB6 #5E7FAC

#BFD1E8 - #8AA5CA - #5E7FAC

Codici CSS

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

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