#4E5E7D - #1A262E | 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 #4E5E7D a #1A262E

#4E5E7D #1A262E

Calcola il colore tra due colori, #4E5E7D e #1A262E. 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)

#4E5E7D - #1A262E | 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 #4E5E7D come 0% e #1A262E come 100%.

0.0%	0.0% #4E5E7D	RGB 78 94 125	#4E5E7D
16.7%	16.7% #45546F	RGB 69 84 111	#45546F
33.3%	33.3% #3C4B62	RGB 60 75 98	#3C4B62
50.0%	50.0% #344255	RGB 52 66 85	#344255
66.7%	66.7% #2B3848	RGB 43 56 72	#2B3848
83.3%	83.3% #222F3B	RGB 34 47 59	#222F3B
100.0%	100.0% #1A262E	RGB 26 38 46	#1A262E

#4E5E7D #45546F #3C4B62 #344255 #2B3848 #222F3B #1A262E

#4E5E7D - #1A262E

Miscela HSV

#4E5E7D - #1A262E | 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 #4E5E7D come 0% e #1A262E come 100%.

0.0%	0.0% #4E5E7D	RGB 78 94 125	#4E5E7D
16.7%	16.7% #44556F	RGB 68 85 111	#44556F
33.3%	33.3% #3B4C62	RGB 59 76 98	#3B4C62
50.0%	50.0% #324355	RGB 50 67 85	#324355
66.7%	66.7% #2A3948	RGB 42 57 72	#2A3948
83.3%	83.3% #22303B	RGB 34 48 59	#22303B
100.0%	100.0% #1A262E	RGB 26 38 46	#1A262E

#4E5E7D #44556F #3B4C62 #324355 #2A3948 #22303B #1A262E

#4E5E7D - #324355 - #1A262E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E5E7D 0%, #324355 50%, #1A262E 100%);
    background: -webkit-linear-gradient(top, #4E5E7D 0%, #324355 50%, #1A262E 100%);
    background: linear-gradient(to bottom, #4E5E7D 0%, #324355 50%, #1A262E 100%);
}
</style>