#3C5E84 - #C7D1DB | 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 #3C5E84 a #C7D1DB

#3C5E84 #C7D1DB

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

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

0.0%	0.0% #3C5E84	RGB 60 94 132	#3C5E84
16.7%	16.7% #537192	RGB 83 113 146	#537192
33.3%	33.3% #6A84A1	RGB 106 132 161	#6A84A1
50.0%	50.0% #8197AF	RGB 129 151 175	#8197AF
66.7%	66.7% #98AABE	RGB 152 170 190	#98AABE
83.3%	83.3% #AFBDCC	RGB 175 189 204	#AFBDCC
100.0%	100.0% #C7D1DB	RGB 199 209 219	#C7D1DB

#3C5E84 #537192 #6A84A1 #8197AF #98AABE #AFBDCC #C7D1DB

#3C5E84 - #C7D1DB

Miscela HSV

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

0.0%	0.0% #3C5D84	RGB 60 93 132	#3C5D84
16.7%	16.7% #4D6E92	RGB 77 110 146	#4D6E92
33.3%	33.3% #6180A1	RGB 97 128 161	#6180A1
50.0%	50.0% #7792AF	RGB 119 146 175	#7792AF
66.7%	66.7% #8FA6BE	RGB 143 166 190	#8FA6BE
83.3%	83.3% #AABBCC	RGB 170 187 204	#AABBCC
100.0%	100.0% #C7D1DB	RGB 199 209 219	#C7D1DB

#3C5D84 #4D6E92 #6180A1 #7792AF #8FA6BE #AABBCC #C7D1DB

#3C5E84 - #7792AF - #C7D1DB

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5D84 0%, #7792AF 50%, #C7D1DB 100%);
    background: -webkit-linear-gradient(top, #3C5D84 0%, #7792AF 50%, #C7D1DB 100%);
    background: linear-gradient(to bottom, #3C5D84 0%, #7792AF 50%, #C7D1DB 100%);
}
</style>