#BCC5E3 - #5D76AB | 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 #BCC5E3 a #5D76AB

#BCC5E3 #5D76AB

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

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

0.0%	0.0% #BCC5E3	RGB 188 197 227	#BCC5E3
16.7%	16.7% #ACB7D9	RGB 172 183 217	#ACB7D9
33.3%	33.3% #9CAAD0	RGB 156 170 208	#9CAAD0
50.0%	50.0% #8C9DC7	RGB 140 157 199	#8C9DC7
66.7%	66.7% #7C90BD	RGB 124 144 189	#7C90BD
83.3%	83.3% #6C83B4	RGB 108 131 180	#6C83B4
100.0%	100.0% #5D76AB	RGB 93 118 171	#5D76AB

#BCC5E3 #ACB7D9 #9CAAD0 #8C9DC7 #7C90BD #6C83B4 #5D76AB

#BCC5E3 - #5D76AB

Miscela HSV

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

0.0%	0.0% #BCC5E3	RGB 188 197 227	#BCC5E3
16.7%	16.7% #A9B5D9	RGB 169 181 217	#A9B5D9
33.3%	33.3% #98A7D0	RGB 152 167 208	#98A7D0
50.0%	50.0% #8899C7	RGB 136 153 199	#8899C7
66.7%	66.7% #798DBD	RGB 121 141 189	#798DBD
83.3%	83.3% #6A81B4	RGB 106 129 180	#6A81B4
100.0%	100.0% #5D76AB	RGB 93 118 171	#5D76AB

#BCC5E3 #A9B5D9 #98A7D0 #8899C7 #798DBD #6A81B4 #5D76AB

#BCC5E3 - #8899C7 - #5D76AB

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCC5E3 0%, #8899C7 50%, #5D76AB 100%);
    background: -webkit-linear-gradient(top, #BCC5E3 0%, #8899C7 50%, #5D76AB 100%);
    background: linear-gradient(to bottom, #BCC5E3 0%, #8899C7 50%, #5D76AB 100%);
}
</style>