#5D9ECE - #1F5087 | 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 #5D9ECE a #1F5087

#5D9ECE #1F5087

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

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

0.0%	0.0% #5D9ECE	RGB 93 158 206	#5D9ECE
16.7%	16.7% #5291C2	RGB 82 145 194	#5291C2
33.3%	33.3% #4884B6	RGB 72 132 182	#4884B6
50.0%	50.0% #3E77AA	RGB 62 119 170	#3E77AA
66.7%	66.7% #336A9E	RGB 51 106 158	#336A9E
83.3%	83.3% #295D92	RGB 41 93 146	#295D92
100.0%	100.0% #1F5087	RGB 31 80 135	#1F5087

#5D9ECE #5291C2 #4884B6 #3E77AA #336A9E #295D92 #1F5087

#5D9ECE - #1F5087

Miscela HSV

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

0.0%	0.0% #5D9DCE	RGB 93 157 206	#5D9DCE
16.7%	16.7% #508FC2	RGB 80 143 194	#508FC2
33.3%	33.3% #4482B6	RGB 68 130 182	#4482B6
50.0%	50.0% #3A74AA	RGB 58 116 170	#3A74AA
66.7%	66.7% #30689E	RGB 48 104 158	#30689E
83.3%	83.3% #275B92	RGB 39 91 146	#275B92
100.0%	100.0% #1F5087	RGB 31 80 135	#1F5087

#5D9DCE #508FC2 #4482B6 #3A74AA #30689E #275B92 #1F5087

#5D9ECE - #3A74AA - #1F5087

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D9DCE 0%, #3A74AA 50%, #1F5087 100%);
    background: -webkit-linear-gradient(top, #5D9DCE 0%, #3A74AA 50%, #1F5087 100%);
    background: linear-gradient(to bottom, #5D9DCE 0%, #3A74AA 50%, #1F5087 100%);
}
</style>