#6A8C92 - #323F47 | 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 #6A8C92 a #323F47

#6A8C92 #323F47

Calcola il colore tra due colori, #6A8C92 e #323F47. 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)

#6A8C92 - #323F47 | 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 #6A8C92 come 0% e #323F47 come 100%.

0.0%	0.0% #6A8C92	RGB 106 140 146	#6A8C92
16.7%	16.7% #607F85	RGB 96 127 133	#607F85
33.3%	33.3% #577279	RGB 87 114 121	#577279
50.0%	50.0% #4E656C	RGB 78 101 108	#4E656C
66.7%	66.7% #445860	RGB 68 88 96	#445860
83.3%	83.3% #3B4B53	RGB 59 75 83	#3B4B53
100.0%	100.0% #323F47	RGB 50 63 71	#323F47

#6A8C92 #607F85 #577279 #4E656C #445860 #3B4B53 #323F47

#6A8C92 - #323F47

Miscela HSV

#6A8C92 - #323F47 | 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 #6A8C92 come 0% e #323F47 come 100%.

0.0%	0.0% #6A8C92	RGB 106 140 146	#6A8C92
16.7%	16.7% #607E85	RGB 96 126 133	#607E85
33.3%	33.3% #567179	RGB 86 113 121	#567179
50.0%	50.0% #4D646C	RGB 77 100 108	#4D646C
66.7%	66.7% #445760	RGB 68 87 96	#445760
83.3%	83.3% #3B4B53	RGB 59 75 83	#3B4B53
100.0%	100.0% #323F47	RGB 50 63 71	#323F47

#6A8C92 #607E85 #567179 #4D646C #445760 #3B4B53 #323F47

#6A8C92 - #4D646C - #323F47

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6A8C92 0%, #4D646C 50%, #323F47 100%);
    background: -webkit-linear-gradient(top, #6A8C92 0%, #4D646C 50%, #323F47 100%);
    background: linear-gradient(to bottom, #6A8C92 0%, #4D646C 50%, #323F47 100%);
}
</style>