#5B5E4D - #191A16 | 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 #5B5E4D a #191A16

#5B5E4D #191A16

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

#5B5E4D - #191A16 | 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 #5B5E4D come 0% e #191A16 come 100%.

0.0%	0.0% #5B5E4D	RGB 91 94 77	#5B5E4D
16.7%	16.7% #505243	RGB 80 82 67	#505243
33.3%	33.3% #45473A	RGB 69 71 58	#45473A
50.0%	50.0% #3A3C31	RGB 58 60 49	#3A3C31
66.7%	66.7% #2F3028	RGB 47 48 40	#2F3028
83.3%	83.3% #24251F	RGB 36 37 31	#24251F
100.0%	100.0% #191A16	RGB 25 26 22	#191A16

#5B5E4D #505243 #45473A #3A3C31 #2F3028 #24251F #191A16

#5B5E4D - #191A16

Miscela HSV

#5B5E4D - #191A16 | 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 #5B5E4D come 0% e #191A16 come 100%.

0.0%	0.0% #5B5E4D	RGB 91 94 77	#5B5E4D
16.7%	16.7% #4F5244	RGB 79 82 68	#4F5244
33.3%	33.3% #44473B	RGB 68 71 59	#44473B
50.0%	50.0% #393C31	RGB 57 60 49	#393C31
66.7%	66.7% #2E3028	RGB 46 48 40	#2E3028
83.3%	83.3% #23251F	RGB 35 37 31	#23251F
100.0%	100.0% #191A16	RGB 25 26 22	#191A16

#5B5E4D #4F5244 #44473B #393C31 #2E3028 #23251F #191A16

#5B5E4D - #393C31 - #191A16

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B5E4D 0%, #393C31 50%, #191A16 100%);
    background: -webkit-linear-gradient(top, #5B5E4D 0%, #393C31 50%, #191A16 100%);
    background: linear-gradient(to bottom, #5B5E4D 0%, #393C31 50%, #191A16 100%);
}
</style>