#C3C5E3 - #6178AA | 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 #C3C5E3 a #6178AA

#C3C5E3 #6178AA

Calcola il colore tra due colori, #C3C5E3 e #6178AA. 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)

#C3C5E3 - #6178AA | 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 #C3C5E3 come 0% e #6178AA come 100%.

0.0%	0.0% #C3C5E3	RGB 195 197 227	#C3C5E3
16.7%	16.7% #B2B8D9	RGB 178 184 217	#B2B8D9
33.3%	33.3% #A2ABD0	RGB 162 171 208	#A2ABD0
50.0%	50.0% #929EC6	RGB 146 158 198	#929EC6
66.7%	66.7% #8191BD	RGB 129 145 189	#8191BD
83.3%	83.3% #7184B3	RGB 113 132 179	#7184B3
100.0%	100.0% #6178AA	RGB 97 120 170	#6178AA

#C3C5E3 #B2B8D9 #A2ABD0 #929EC6 #8191BD #7184B3 #6178AA

#C3C5E3 - #6178AA

Miscela HSV

#C3C5E3 - #6178AA | 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 #C3C5E3 come 0% e #6178AA come 100%.

0.0%	0.0% #C3C5E3	RGB 195 197 227	#C3C5E3
16.7%	16.7% #B0B4D9	RGB 176 180 217	#B0B4D9
33.3%	33.3% #9EA5D0	RGB 158 165 208	#9EA5D0
50.0%	50.0% #8D98C6	RGB 141 152 198	#8D98C6
66.7%	66.7% #7E8CBD	RGB 126 140 189	#7E8CBD
83.3%	83.3% #6F81B3	RGB 111 129 179	#6F81B3
100.0%	100.0% #6178AA	RGB 97 120 170	#6178AA

#C3C5E3 #B0B4D9 #9EA5D0 #8D98C6 #7E8CBD #6F81B3 #6178AA

#C3C5E3 - #8D98C6 - #6178AA

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3C5E3 0%, #8D98C6 50%, #6178AA 100%);
    background: -webkit-linear-gradient(top, #C3C5E3 0%, #8D98C6 50%, #6178AA 100%);
    background: linear-gradient(to bottom, #C3C5E3 0%, #8D98C6 50%, #6178AA 100%);
}
</style>