#5E6675 - #1F2B2D | 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 #5E6675 a #1F2B2D

#5E6675 #1F2B2D

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

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

0.0%	0.0% #5E6675	RGB 94 102 117	#5E6675
16.7%	16.7% #535C69	RGB 83 92 105	#535C69
33.3%	33.3% #49525D	RGB 73 82 93	#49525D
50.0%	50.0% #3E4851	RGB 62 72 81	#3E4851
66.7%	66.7% #343E45	RGB 52 62 69	#343E45
83.3%	83.3% #293439	RGB 41 52 57	#293439
100.0%	100.0% #1F2B2D	RGB 31 43 45	#1F2B2D

#5E6675 #535C69 #49525D #3E4851 #343E45 #293439 #1F2B2D

#5E6675 - #1F2B2D

Miscela HSV

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

0.0%	0.0% #5E6675	RGB 94 102 117	#5E6675
16.7%	16.7% #525C69	RGB 82 92 105	#525C69
33.3%	33.3% #47525D	RGB 71 82 93	#47525D
50.0%	50.0% #3C4851	RGB 60 72 81	#3C4851
66.7%	66.7% #323F45	RGB 50 63 69	#323F45
83.3%	83.3% #283539	RGB 40 53 57	#283539
100.0%	100.0% #1F2B2D	RGB 31 43 45	#1F2B2D

#5E6675 #525C69 #47525D #3C4851 #323F45 #283539 #1F2B2D

#5E6675 - #3C4851 - #1F2B2D

Codici CSS

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

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