#5E9AD2 - #1F4C8C | 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 #5E9AD2 a #1F4C8C

#5E9AD2 #1F4C8C

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

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

0.0%	0.0% #5E9AD2	RGB 94 154 210	#5E9AD2
16.7%	16.7% #538DC6	RGB 83 141 198	#538DC6
33.3%	33.3% #4980BA	RGB 73 128 186	#4980BA
50.0%	50.0% #3E73AF	RGB 62 115 175	#3E73AF
66.7%	66.7% #3466A3	RGB 52 102 163	#3466A3
83.3%	83.3% #295997	RGB 41 89 151	#295997
100.0%	100.0% #1F4C8C	RGB 31 76 140	#1F4C8C

#5E9AD2 #538DC6 #4980BA #3E73AF #3466A3 #295997 #1F4C8C

#5E9AD2 - #1F4C8C

Miscela HSV

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

0.0%	0.0% #5E9AD2	RGB 94 154 210	#5E9AD2
16.7%	16.7% #518BC6	RGB 81 139 198	#518BC6
33.3%	33.3% #457EBA	RGB 69 126 186	#457EBA
50.0%	50.0% #3A70AF	RGB 58 112 175	#3A70AF
66.7%	66.7% #3063A3	RGB 48 99 163	#3063A3
83.3%	83.3% #275797	RGB 39 87 151	#275797
100.0%	100.0% #1F4C8C	RGB 31 76 140	#1F4C8C

#5E9AD2 #518BC6 #457EBA #3A70AF #3063A3 #275797 #1F4C8C

#5E9AD2 - #3A70AF - #1F4C8C

Codici CSS

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

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