#3E4E5E - #032837 | 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 #3E4E5E a #032837

#3E4E5E #032837

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

#3E4E5E - #032837 | 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 #3E4E5E come 0% e #032837 come 100%.

0.0%	0.0% #3E4E5E	RGB 62 78 94	#3E4E5E
16.7%	16.7% #344757	RGB 52 71 87	#344757
33.3%	33.3% #2A4151	RGB 42 65 81	#2A4151
50.0%	50.0% #203B4A	RGB 32 59 74	#203B4A
66.7%	66.7% #163444	RGB 22 52 68	#163444
83.3%	83.3% #0C2E3D	RGB 12 46 61	#0C2E3D
100.0%	100.0% #032837	RGB 3 40 55	#032837

#3E4E5E #344757 #2A4151 #203B4A #163444 #0C2E3D #032837

#3E4E5E - #032837

Miscela HSV

#3E4E5E - #032837 | 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 #3E4E5E come 0% e #032837 come 100%.

0.0%	0.0% #3E4E5E	RGB 62 78 94	#3E4E5E
16.7%	16.7% #304557	RGB 48 69 87	#304557
33.3%	33.3% #253E51	RGB 37 62 81	#253E51
50.0%	50.0% #1A374A	RGB 26 55 74	#1A374A
66.7%	66.7% #113144	RGB 17 49 68	#113144
83.3%	83.3% #092C3D	RGB 9 44 61	#092C3D
100.0%	100.0% #032837	RGB 3 40 55	#032837

#3E4E5E #304557 #253E51 #1A374A #113144 #092C3D #032837

#3E4E5E - #1A374A - #032837

Codici CSS

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

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