#3E4A5E - #6870C8 | 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 #3E4A5E a #6870C8

#3E4A5E #6870C8

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

#3E4A5E - #6870C8 | 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 #3E4A5E come 0% e #6870C8 come 100%.

0.0%	0.0% #3E4A5E	RGB 62 74 94	#3E4A5E
16.7%	16.7% #45506F	RGB 69 80 111	#45506F
33.3%	33.3% #4C5681	RGB 76 86 129	#4C5681
50.0%	50.0% #535D93	RGB 83 93 147	#535D93
66.7%	66.7% #5A63A4	RGB 90 99 164	#5A63A4
83.3%	83.3% #6169B6	RGB 97 105 182	#6169B6
100.0%	100.0% #6870C8	RGB 104 112 200	#6870C8

#3E4A5E #45506F #4C5681 #535D93 #5A63A4 #6169B6 #6870C8

#3E4A5E - #6870C8

Miscela HSV

#3E4A5E - #6870C8 | 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 #3E4A5E come 0% e #6870C8 come 100%.

0.0%	0.0% #3E4A5E	RGB 62 74 94	#3E4A5E
16.7%	16.7% #47546F	RGB 71 84 111	#47546F
33.3%	33.3% #4F5D81	RGB 79 93 129	#4F5D81
50.0%	50.0% #566493	RGB 86 100 147	#566493
66.7%	66.7% #5D6AA4	RGB 93 106 164	#5D6AA4
83.3%	83.3% #636EB6	RGB 99 110 182	#636EB6
100.0%	100.0% #6870C8	RGB 104 112 200	#6870C8

#3E4A5E #47546F #4F5D81 #566493 #5D6AA4 #636EB6 #6870C8

#3E4A5E - #566493 - #6870C8

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4A5E 0%, #566493 50%, #6870C8 100%);
    background: -webkit-linear-gradient(top, #3E4A5E 0%, #566493 50%, #6870C8 100%);
    background: linear-gradient(to bottom, #3E4A5E 0%, #566493 50%, #6870C8 100%);
}
</style>