#486FAC - #CAD5E7 | 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 #486FAC a #CAD5E7

#486FAC #CAD5E7

Calcola il colore tra due colori, #486FAC e #CAD5E7. 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)

#486FAC - #CAD5E7 | 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 #486FAC come 0% e #CAD5E7 come 100%.

0.0%	0.0% #486FAC	RGB 72 111 172	#486FAC
16.7%	16.7% #5D80B5	RGB 93 128 181	#5D80B5
33.3%	33.3% #7391BF	RGB 115 145 191	#7391BF
50.0%	50.0% #89A2C9	RGB 137 162 201	#89A2C9
66.7%	66.7% #9EB3D3	RGB 158 179 211	#9EB3D3
83.3%	83.3% #B4C4DD	RGB 180 196 221	#B4C4DD
100.0%	100.0% #CAD5E7	RGB 202 213 231	#CAD5E7

#486FAC #5D80B5 #7391BF #89A2C9 #9EB3D3 #B4C4DD #CAD5E7

#486FAC - #CAD5E7

Miscela HSV

#486FAC - #CAD5E7 | 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 #486FAC come 0% e #CAD5E7 come 100%.

0.0%	0.0% #486FAC	RGB 72 111 172	#486FAC
16.7%	16.7% #597DB5	RGB 89 125 181	#597DB5
33.3%	33.3% #6D8DBF	RGB 109 141 191	#6D8DBF
50.0%	50.0% #829DC9	RGB 130 157 201	#829DC9
66.7%	66.7% #98AFD3	RGB 152 175 211	#98AFD3
83.3%	83.3% #B0C1DD	RGB 176 193 221	#B0C1DD
100.0%	100.0% #CAD5E7	RGB 202 213 231	#CAD5E7

#486FAC #597DB5 #6D8DBF #829DC9 #98AFD3 #B0C1DD #CAD5E7

#486FAC - #829DC9 - #CAD5E7

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #486FAC 0%, #829DC9 50%, #CAD5E7 100%);
    background: -webkit-linear-gradient(top, #486FAC 0%, #829DC9 50%, #CAD5E7 100%);
    background: linear-gradient(to bottom, #486FAC 0%, #829DC9 50%, #CAD5E7 100%);
}
</style>