#5E5B6B - #1A191E | 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 #5E5B6B a #1A191E

#5E5B6B #1A191E

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

#5E5B6B - #1A191E | 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 #5E5B6B come 0% e #1A191E come 100%.

0.0%	0.0% #5E5B6B	RGB 94 91 107	#5E5B6B
16.7%	16.7% #52505E	RGB 82 80 94	#52505E
33.3%	33.3% #474551	RGB 71 69 81	#474551
50.0%	50.0% #3C3A44	RGB 60 58 68	#3C3A44
66.7%	66.7% #302F37	RGB 48 47 55	#302F37
83.3%	83.3% #25242A	RGB 37 36 42	#25242A
100.0%	100.0% #1A191E	RGB 26 25 30	#1A191E

#5E5B6B #52505E #474551 #3C3A44 #302F37 #25242A #1A191E

#5E5B6B - #1A191E

Miscela HSV

#5E5B6B - #1A191E | 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 #5E5B6B come 0% e #1A191E come 100%.

0.0%	0.0% #5E5B6B	RGB 94 91 107	#5E5B6B
16.7%	16.7% #524F5E	RGB 82 79 94	#524F5E
33.3%	33.3% #474451	RGB 71 68 81	#474451
50.0%	50.0% #3B3944	RGB 59 57 68	#3B3944
66.7%	66.7% #302E37	RGB 48 46 55	#302E37
83.3%	83.3% #25232A	RGB 37 35 42	#25232A
100.0%	100.0% #1A191E	RGB 26 25 30	#1A191E

#5E5B6B #524F5E #474451 #3B3944 #302E37 #25232A #1A191E

#5E5B6B - #3B3944 - #1A191E

Codici CSS

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

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