#778889 - #3A3941 | 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 #778889 a #3A3941

#778889 #3A3941

Calcola il colore tra due colori, #778889 e #3A3941. 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)

#778889 - #3A3941 | 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 #778889 come 0% e #3A3941 come 100%.

0.0%	0.0% #778889	RGB 119 136 137	#778889
16.7%	16.7% #6C7A7D	RGB 108 122 125	#6C7A7D
33.3%	33.3% #626D71	RGB 98 109 113	#626D71
50.0%	50.0% #586065	RGB 88 96 101	#586065
66.7%	66.7% #4E5359	RGB 78 83 89	#4E5359
83.3%	83.3% #44464D	RGB 68 70 77	#44464D
100.0%	100.0% #3A3941	RGB 58 57 65	#3A3941

#778889 #6C7A7D #626D71 #586065 #4E5359 #44464D #3A3941

#778889 - #3A3941

Miscela HSV

#778889 - #3A3941 | 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 #778889 come 0% e #3A3941 come 100%.

0.0%	0.0% #778889	RGB 119 136 137	#778889
16.7%	16.7% #6C797D	RGB 108 121 125	#6C797D
33.3%	33.3% #626B71	RGB 98 107 113	#626B71
50.0%	50.0% #585D65	RGB 88 93 101	#585D65
66.7%	66.7% #4D5059	RGB 77 80 89	#4D5059
83.3%	83.3% #43434D	RGB 67 67 77	#43434D
100.0%	100.0% #3A3941	RGB 58 57 65	#3A3941

#778889 #6C797D #626B71 #585D65 #4D5059 #43434D #3A3941

#778889 - #585D65 - #3A3941

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #778889 0%, #585D65 50%, #3A3941 100%);
    background: -webkit-linear-gradient(top, #778889 0%, #585D65 50%, #3A3941 100%);
    background: linear-gradient(to bottom, #778889 0%, #585D65 50%, #3A3941 100%);
}
</style>