#3C3D32 - #928661 | 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 #3C3D32 a #928661

#3C3D32 #928661

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

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

0.0%	0.0% #3C3D32	RGB 60 61 50	#3C3D32
16.7%	16.7% #4A4939	RGB 74 73 57	#4A4939
33.3%	33.3% #585541	RGB 88 85 65	#585541
50.0%	50.0% #676149	RGB 103 97 73	#676149
66.7%	66.7% #756D51	RGB 117 109 81	#756D51
83.3%	83.3% #837959	RGB 131 121 89	#837959
100.0%	100.0% #928661	RGB 146 134 97	#928661

#3C3D32 #4A4939 #585541 #676149 #756D51 #837959 #928661

#3C3D32 - #928661

Miscela HSV

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

0.0%	0.0% #3C3D32	RGB 60 61 50	#3C3D32
16.7%	16.7% #4A4B3B	RGB 74 75 59	#4A4B3B
33.3%	33.3% #595844	RGB 89 88 68	#595844
50.0%	50.0% #67654C	RGB 103 101 76	#67654C
66.7%	66.7% #757154	RGB 117 113 84	#757154
83.3%	83.3% #837C5A	RGB 131 124 90	#837C5A
100.0%	100.0% #928661	RGB 146 134 97	#928661

#3C3D32 #4A4B3B #595844 #67654C #757154 #837C5A #928661

#3C3D32 - #67654C - #928661

Codici CSS

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

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