#3E5E69 - #A9A797 | 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 #3E5E69 a #A9A797

#3E5E69 #A9A797

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

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

0.0%	0.0% #3E5E69	RGB 62 94 105	#3E5E69
16.7%	16.7% #4F6A70	RGB 79 106 112	#4F6A70
33.3%	33.3% #617678	RGB 97 118 120	#617678
50.0%	50.0% #738280	RGB 115 130 128	#738280
66.7%	66.7% #858E87	RGB 133 142 135	#858E87
83.3%	83.3% #979A8F	RGB 151 154 143	#979A8F
100.0%	100.0% #A9A797	RGB 169 167 151	#A9A797

#3E5E69 #4F6A70 #617678 #738280 #858E87 #979A8F #A9A797

#3E5E69 - #A9A797

Miscela HSV

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

0.0%	0.0% #3E5E69	RGB 62 94 105	#3E5E69
16.7%	16.7% #4A736D	RGB 74 115 109	#4A736D
33.3%	33.3% #577E69	RGB 87 126 105	#577E69
50.0%	50.0% #658968	RGB 101 137 104	#658968
66.7%	66.7% #7E9375	RGB 126 147 117	#7E9375
83.3%	83.3% #979E85	RGB 151 158 133	#979E85
100.0%	100.0% #A9A797	RGB 169 167 151	#A9A797

#3E5E69 #4A736D #577E69 #658968 #7E9375 #979E85 #A9A797

#3E5E69 - #658968 - #A9A797

Codici CSS

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

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