#5E5E86 - #182936 | 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 #5E5E86 a #182936

#5E5E86 #182936

Calcola il colore tra due colori, #5E5E86 e #182936. 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)

#5E5E86 - #182936 | 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 #5E5E86 come 0% e #182936 come 100%.

0.0%	0.0% #5E5E86	RGB 94 94 134	#5E5E86
16.7%	16.7% #525578	RGB 82 85 120	#525578
33.3%	33.3% #464C6B	RGB 70 76 107	#464C6B
50.0%	50.0% #3B435E	RGB 59 67 94	#3B435E
66.7%	66.7% #2F3A50	RGB 47 58 80	#2F3A50
83.3%	83.3% #233143	RGB 35 49 67	#233143
100.0%	100.0% #182936	RGB 24 41 54	#182936

#5E5E86 #525578 #464C6B #3B435E #2F3A50 #233143 #182936

#5E5E86 - #182936

Miscela HSV

#5E5E86 - #182936 | 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 #5E5E86 come 0% e #182936 come 100%.

0.0%	0.0% #5E5E86	RGB 94 94 134	#5E5E86
16.7%	16.7% #4F5378	RGB 79 83 120	#4F5378
33.3%	33.3% #42496B	RGB 66 73 107	#42496B
50.0%	50.0% #35415E	RGB 53 65 94	#35415E
66.7%	66.7% #2A3950	RGB 42 57 80	#2A3950
83.3%	83.3% #203143	RGB 32 49 67	#203143
100.0%	100.0% #182936	RGB 24 41 54	#182936

#5E5E86 #4F5378 #42496B #35415E #2A3950 #203143 #182936

#5E5E86 - #35415E - #182936

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E86 0%, #35415E 50%, #182936 100%);
    background: -webkit-linear-gradient(top, #5E5E86 0%, #35415E 50%, #182936 100%);
    background: linear-gradient(to bottom, #5E5E86 0%, #35415E 50%, #182936 100%);
}
</style>