#3B6DA4 - #C7D5E5 | 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 #3B6DA4 a #C7D5E5

#3B6DA4 #C7D5E5

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

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

0.0%	0.0% #3B6DA4	RGB 59 109 164	#3B6DA4
16.7%	16.7% #527EAE	RGB 82 126 174	#527EAE
33.3%	33.3% #698FB9	RGB 105 143 185	#698FB9
50.0%	50.0% #81A1C4	RGB 129 161 196	#81A1C4
66.7%	66.7% #98B2CF	RGB 152 178 207	#98B2CF
83.3%	83.3% #AFC3DA	RGB 175 195 218	#AFC3DA
100.0%	100.0% #C7D5E5	RGB 199 213 229	#C7D5E5

#3B6DA4 #527EAE #698FB9 #81A1C4 #98B2CF #AFC3DA #C7D5E5

#3B6DA4 - #C7D5E5

Miscela HSV

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

0.0%	0.0% #3B6DA4	RGB 59 109 164	#3B6DA4
16.7%	16.7% #4D7BAE	RGB 77 123 174	#4D7BAE
33.3%	33.3% #628BB9	RGB 98 139 185	#628BB9
50.0%	50.0% #789CC4	RGB 120 156 196	#789CC4
66.7%	66.7% #90AECF	RGB 144 174 207	#90AECF
83.3%	83.3% #ABC1DA	RGB 171 193 218	#ABC1DA
100.0%	100.0% #C7D5E5	RGB 199 213 229	#C7D5E5

#3B6DA4 #4D7BAE #628BB9 #789CC4 #90AECF #ABC1DA #C7D5E5

#3B6DA4 - #789CC4 - #C7D5E5

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B6DA4 0%, #789CC4 50%, #C7D5E5 100%);
    background: -webkit-linear-gradient(top, #3B6DA4 0%, #789CC4 50%, #C7D5E5 100%);
    background: linear-gradient(to bottom, #3B6DA4 0%, #789CC4 50%, #C7D5E5 100%);
}
</style>