#5E92B6 - #184C5E | 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 #5E92B6 a #184C5E

#5E92B6 #184C5E

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

#5E92B6 - #184C5E | 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 #5E92B6 come 0% e #184C5E come 100%.

0.0%	0.0% #5E92B6	RGB 94 146 182	#5E92B6
16.7%	16.7% #5286A7	RGB 82 134 167	#5286A7
33.3%	33.3% #467A98	RGB 70 122 152	#467A98
50.0%	50.0% #3B6F8A	RGB 59 111 138	#3B6F8A
66.7%	66.7% #2F637B	RGB 47 99 123	#2F637B
83.3%	83.3% #23576C	RGB 35 87 108	#23576C
100.0%	100.0% #184C5E	RGB 24 76 94	#184C5E

#5E92B6 #5286A7 #467A98 #3B6F8A #2F637B #23576C #184C5E

#5E92B6 - #184C5E

Miscela HSV

#5E92B6 - #184C5E | 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 #5E92B6 come 0% e #184C5E come 100%.

0.0%	0.0% #5E92B6	RGB 94 146 182	#5E92B6
16.7%	16.7% #4F85A7	RGB 79 133 167	#4F85A7
33.3%	33.3% #417998	RGB 65 121 152	#417998
50.0%	50.0% #356D8A	RGB 53 109 138	#356D8A
66.7%	66.7% #2A627B	RGB 42 98 123	#2A627B
83.3%	83.3% #20576C	RGB 32 87 108	#20576C
100.0%	100.0% #184C5E	RGB 24 76 94	#184C5E

#5E92B6 #4F85A7 #417998 #356D8A #2A627B #20576C #184C5E

#5E92B6 - #356D8A - #184C5E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E92B6 0%, #356D8A 50%, #184C5E 100%);
    background: -webkit-linear-gradient(top, #5E92B6 0%, #356D8A 50%, #184C5E 100%);
    background: linear-gradient(to bottom, #5E92B6 0%, #356D8A 50%, #184C5E 100%);
}
</style>