#003EB6 - #379BF9 | 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 #003EB6 a #379BF9

#003EB6 #379BF9

Calcola il colore tra due colori, #003EB6 e #379BF9. 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)

#003EB6 - #379BF9 | 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 #003EB6 come 0% e #379BF9 come 100%.

0.0%	0.0% #003EB6	RGB 0 62 182	#003EB6
16.7%	16.7% #094DC1	RGB 9 77 193	#094DC1
33.3%	33.3% #125DCC	RGB 18 93 204	#125DCC
50.0%	50.0% #1B6CD7	RGB 27 108 215	#1B6CD7
66.7%	66.7% #247CE2	RGB 36 124 226	#247CE2
83.3%	83.3% #2D8BED	RGB 45 139 237	#2D8BED
100.0%	100.0% #379BF9	RGB 55 155 249	#379BF9

#003EB6 #094DC1 #125DCC #1B6CD7 #247CE2 #2D8BED #379BF9

#003EB6 - #379BF9

Miscela HSV

#003EB6 - #379BF9 | 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 #003EB6 come 0% e #379BF9 come 100%.

0.0%	0.0% #003EB6	RGB 0 62 182	#003EB6
16.7%	16.7% #074BC1	RGB 7 75 193	#074BC1
33.3%	33.3% #0F5ACC	RGB 15 90 204	#0F5ACC
50.0%	50.0% #1769D7	RGB 23 105 215	#1769D7
66.7%	66.7% #2179E2	RGB 33 121 226	#2179E2
83.3%	83.3% #2B8AED	RGB 43 138 237	#2B8AED
100.0%	100.0% #379BF9	RGB 55 155 249	#379BF9

#003EB6 #074BC1 #0F5ACC #1769D7 #2179E2 #2B8AED #379BF9

#003EB6 - #1769D7 - #379BF9

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #003EB6 0%, #1769D7 50%, #379BF9 100%);
    background: -webkit-linear-gradient(top, #003EB6 0%, #1769D7 50%, #379BF9 100%);
    background: linear-gradient(to bottom, #003EB6 0%, #1769D7 50%, #379BF9 100%);
}
</style>