#5F5E5E - #1D152B | 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 #5F5E5E a #1D152B

#5F5E5E #1D152B

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

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

0.0%	0.0% #5F5E5E	RGB 95 94 94	#5F5E5E
16.7%	16.7% #545155	RGB 84 81 85	#545155
33.3%	33.3% #49454D	RGB 73 69 77	#49454D
50.0%	50.0% #3E3944	RGB 62 57 68	#3E3944
66.7%	66.7% #332D3C	RGB 51 45 60	#332D3C
83.3%	83.3% #282133	RGB 40 33 51	#282133
100.0%	100.0% #1D152B	RGB 29 21 43	#1D152B

#5F5E5E #545155 #49454D #3E3944 #332D3C #282133 #1D152B

#5F5E5E - #1D152B

Miscela HSV

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

0.0%	0.0% #5F5E5E	RGB 95 94 94	#5F5E5E
16.7%	16.7% #564E50	RGB 86 78 80	#564E50
33.3%	33.3% #4D3F47	RGB 77 63 71	#4D3F47
50.0%	50.0% #453241	RGB 69 50 65	#453241
66.7%	66.7% #3A273C	RGB 58 39 60	#3A273C
83.3%	83.3% #2B1D33	RGB 43 29 51	#2B1D33
100.0%	100.0% #1D152B	RGB 29 21 43	#1D152B

#5F5E5E #564E50 #4D3F47 #453241 #3A273C #2B1D33 #1D152B

#5F5E5E - #453241 - #1D152B

Codici CSS

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

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