#4D6A8F - #083C5E | 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 #4D6A8F a #083C5E

#4D6A8F #083C5E

Calcola il colore tra due colori, #4D6A8F e #083C5E. 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)

#4D6A8F - #083C5E | 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 #4D6A8F come 0% e #083C5E come 100%.

0.0%	0.0% #4D6A8F	RGB 77 106 143	#4D6A8F
16.7%	16.7% #416286	RGB 65 98 134	#416286
33.3%	33.3% #365A7E	RGB 54 90 126	#365A7E
50.0%	50.0% #2A5376	RGB 42 83 118	#2A5376
66.7%	66.7% #1F4B6E	RGB 31 75 110	#1F4B6E
83.3%	83.3% #134366	RGB 19 67 102	#134366
100.0%	100.0% #083C5E	RGB 8 60 94	#083C5E

#4D6A8F #416286 #365A7E #2A5376 #1F4B6E #134366 #083C5E

#4D6A8F - #083C5E

Miscela HSV

#4D6A8F - #083C5E | 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 #4D6A8F come 0% e #083C5E come 100%.

0.0%	0.0% #4D6A8F	RGB 77 106 143	#4D6A8F
16.7%	16.7% #3E6086	RGB 62 96 134	#3E6086
33.3%	33.3% #31577E	RGB 49 87 126	#31577E
50.0%	50.0% #244F76	RGB 36 79 118	#244F76
66.7%	66.7% #1A486E	RGB 26 72 110	#1A486E
83.3%	83.3% #104166	RGB 16 65 102	#104166
100.0%	100.0% #083C5E	RGB 8 60 94	#083C5E

#4D6A8F #3E6086 #31577E #244F76 #1A486E #104166 #083C5E

#4D6A8F - #244F76 - #083C5E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D6A8F 0%, #244F76 50%, #083C5E 100%);
    background: -webkit-linear-gradient(top, #4D6A8F 0%, #244F76 50%, #083C5E 100%);
    background: linear-gradient(to bottom, #4D6A8F 0%, #244F76 50%, #083C5E 100%);
}
</style>