#BCD9F0 - #618EC0 | 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 #BCD9F0 a #618EC0

#BCD9F0 #618EC0

Calcola il colore tra due colori, #BCD9F0 e #618EC0. 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)

#BCD9F0 - #618EC0 | 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 #BCD9F0 come 0% e #618EC0 come 100%.

0.0%	0.0% #BCD9F0	RGB 188 217 240	#BCD9F0
16.7%	16.7% #ACCCE8	RGB 172 204 232	#ACCCE8
33.3%	33.3% #9DC0E0	RGB 157 192 224	#9DC0E0
50.0%	50.0% #8EB3D8	RGB 142 179 216	#8EB3D8
66.7%	66.7% #7FA7D0	RGB 127 167 208	#7FA7D0
83.3%	83.3% #709AC8	RGB 112 154 200	#709AC8
100.0%	100.0% #618EC0	RGB 97 142 192	#618EC0

#BCD9F0 #ACCCE8 #9DC0E0 #8EB3D8 #7FA7D0 #709AC8 #618EC0

#BCD9F0 - #618EC0

Miscela HSV

#BCD9F0 - #618EC0 | 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 #BCD9F0 come 0% e #618EC0 come 100%.

0.0%	0.0% #BCD9F0	RGB 188 217 240	#BCD9F0
16.7%	16.7% #AACCE8	RGB 170 204 232	#AACCE8
33.3%	33.3% #9ABFE0	RGB 154 191 224	#9ABFE0
50.0%	50.0% #8BB2D8	RGB 139 178 216	#8BB2D8
66.7%	66.7% #7CA6D0	RGB 124 166 208	#7CA6D0
83.3%	83.3% #6E9AC8	RGB 110 154 200	#6E9AC8
100.0%	100.0% #618EC0	RGB 97 142 192	#618EC0

#BCD9F0 #AACCE8 #9ABFE0 #8BB2D8 #7CA6D0 #6E9AC8 #618EC0

#BCD9F0 - #8BB2D8 - #618EC0

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCD9F0 0%, #8BB2D8 50%, #618EC0 100%);
    background: -webkit-linear-gradient(top, #BCD9F0 0%, #8BB2D8 50%, #618EC0 100%);
    background: linear-gradient(to bottom, #BCD9F0 0%, #8BB2D8 50%, #618EC0 100%);
}
</style>