#4C5E6B - #1D2324 | 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 #4C5E6B a #1D2324

#4C5E6B #1D2324

Calcola il colore tra due colori, #4C5E6B e #1D2324. 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)

#4C5E6B - #1D2324 | 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 #4C5E6B come 0% e #1D2324 come 100%.

0.0%	0.0% #4C5E6B	RGB 76 94 107	#4C5E6B
16.7%	16.7% #44545F	RGB 68 84 95	#44545F
33.3%	33.3% #3C4A53	RGB 60 74 83	#3C4A53
50.0%	50.0% #344047	RGB 52 64 71	#344047
66.7%	66.7% #2C363B	RGB 44 54 59	#2C363B
83.3%	83.3% #242C2F	RGB 36 44 47	#242C2F
100.0%	100.0% #1D2324	RGB 29 35 36	#1D2324

#4C5E6B #44545F #3C4A53 #344047 #2C363B #242C2F #1D2324

#4C5E6B - #1D2324

Miscela HSV

#4C5E6B - #1D2324 | 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 #4C5E6B come 0% e #1D2324 come 100%.

0.0%	0.0% #4C5D6B	RGB 76 93 107	#4C5D6B
16.7%	16.7% #45555F	RGB 69 85 95	#45555F
33.3%	33.3% #3D4C53	RGB 61 76 83	#3D4C53
50.0%	50.0% #364247	RGB 54 66 71	#364247
66.7%	66.7% #2E383B	RGB 46 56 59	#2E383B
83.3%	83.3% #252D2F	RGB 37 45 47	#252D2F
100.0%	100.0% #1D2324	RGB 29 35 36	#1D2324

#4C5D6B #45555F #3D4C53 #364247 #2E383B #252D2F #1D2324

#4C5E6B - #364247 - #1D2324

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5D6B 0%, #364247 50%, #1D2324 100%);
    background: -webkit-linear-gradient(top, #4C5D6B 0%, #364247 50%, #1D2324 100%);
    background: linear-gradient(to bottom, #4C5D6B 0%, #364247 50%, #1D2324 100%);
}
</style>