#5E8ADB - #1C3C93 | 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 #5E8ADB a #1C3C93

#5E8ADB #1C3C93

Calcola il colore tra due colori, #5E8ADB e #1C3C93. 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)

#5E8ADB - #1C3C93 | 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 #5E8ADB come 0% e #1C3C93 come 100%.

0.0%	0.0% #5E8ADB	RGB 94 138 219	#5E8ADB
16.7%	16.7% #537DCF	RGB 83 125 207	#537DCF
33.3%	33.3% #4870C3	RGB 72 112 195	#4870C3
50.0%	50.0% #3D63B7	RGB 61 99 183	#3D63B7
66.7%	66.7% #3256AB	RGB 50 86 171	#3256AB
83.3%	83.3% #27499F	RGB 39 73 159	#27499F
100.0%	100.0% #1C3C93	RGB 28 60 147	#1C3C93

#5E8ADB #537DCF #4870C3 #3D63B7 #3256AB #27499F #1C3C93

#5E8ADB - #1C3C93

Miscela HSV

#5E8ADB - #1C3C93 | 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 #5E8ADB come 0% e #1C3C93 come 100%.

0.0%	0.0% #5E8ADB	RGB 94 138 219	#5E8ADB
16.7%	16.7% #507BCF	RGB 80 123 207	#507BCF
33.3%	33.3% #446DC3	RGB 68 109 195	#446DC3
50.0%	50.0% #385FB7	RGB 56 95 183	#385FB7
66.7%	66.7% #2E53AB	RGB 46 83 171	#2E53AB
83.3%	83.3% #24479F	RGB 36 71 159	#24479F
100.0%	100.0% #1C3C93	RGB 28 60 147	#1C3C93

#5E8ADB #507BCF #446DC3 #385FB7 #2E53AB #24479F #1C3C93

#5E8ADB - #385FB7 - #1C3C93

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8ADB 0%, #385FB7 50%, #1C3C93 100%);
    background: -webkit-linear-gradient(top, #5E8ADB 0%, #385FB7 50%, #1C3C93 100%);
    background: linear-gradient(to bottom, #5E8ADB 0%, #385FB7 50%, #1C3C93 100%);
}
</style>