#3B6FAB - #C7D5E7 | 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 #3B6FAB a #C7D5E7

#3B6FAB #C7D5E7

Calcola il colore tra due colori, #3B6FAB e #C7D5E7. 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)

#3B6FAB - #C7D5E7 | 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 #3B6FAB come 0% e #C7D5E7 come 100%.

0.0%	0.0% #3B6FAB	RGB 59 111 171	#3B6FAB
16.7%	16.7% #5280B5	RGB 82 128 181	#5280B5
33.3%	33.3% #6991BF	RGB 105 145 191	#6991BF
50.0%	50.0% #81A2C9	RGB 129 162 201	#81A2C9
66.7%	66.7% #98B3D3	RGB 152 179 211	#98B3D3
83.3%	83.3% #AFC4DD	RGB 175 196 221	#AFC4DD
100.0%	100.0% #C7D5E7	RGB 199 213 231	#C7D5E7

#3B6FAB #5280B5 #6991BF #81A2C9 #98B3D3 #AFC4DD #C7D5E7

#3B6FAB - #C7D5E7

Miscela HSV

#3B6FAB - #C7D5E7 | 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 #3B6FAB come 0% e #C7D5E7 come 100%.

0.0%	0.0% #3B6EAB	RGB 59 110 171	#3B6EAB
16.7%	16.7% #4E7DB5	RGB 78 125 181	#4E7DB5
33.3%	33.3% #628CBF	RGB 98 140 191	#628CBF
50.0%	50.0% #799DC9	RGB 121 157 201	#799DC9
66.7%	66.7% #91AED3	RGB 145 174 211	#91AED3
83.3%	83.3% #ABC1DD	RGB 171 193 221	#ABC1DD
100.0%	100.0% #C7D5E7	RGB 199 213 231	#C7D5E7

#3B6EAB #4E7DB5 #628CBF #799DC9 #91AED3 #ABC1DD #C7D5E7

#3B6FAB - #799DC9 - #C7D5E7

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B6EAB 0%, #799DC9 50%, #C7D5E7 100%);
    background: -webkit-linear-gradient(top, #3B6EAB 0%, #799DC9 50%, #C7D5E7 100%);
    background: linear-gradient(to bottom, #3B6EAB 0%, #799DC9 50%, #C7D5E7 100%);
}
</style>