#3C3D32 - #8C775E | 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 #8C775E

#3C3D32 #8C775E

Calcola il colore tra due colori, #3C3D32 e #8C775E. 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 - #8C775E | 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 #8C775E come 100%.

0.0%	0.0% #3C3D32	RGB 60 61 50	#3C3D32
16.7%	16.7% #494639	RGB 73 70 57	#494639
33.3%	33.3% #565040	RGB 86 80 64	#565040
50.0%	50.0% #645A48	RGB 100 90 72	#645A48
66.7%	66.7% #71634F	RGB 113 99 79	#71634F
83.3%	83.3% #7E6D56	RGB 126 109 86	#7E6D56
100.0%	100.0% #8C775E	RGB 140 119 94	#8C775E

#3C3D32 #494639 #565040 #645A48 #71634F #7E6D56 #8C775E

#3C3D32 - #8C775E

Miscela HSV

#3C3D32 - #8C775E | 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 #8C775E come 100%.

0.0%	0.0% #3C3D32	RGB 60 61 50	#3C3D32
16.7%	16.7% #4A4A3A	RGB 74 74 58	#4A4A3A
33.3%	33.3% #575543	RGB 87 85 67	#575543
50.0%	50.0% #645F4A	RGB 100 95 74	#645F4A
66.7%	66.7% #716851	RGB 113 104 81	#716851
83.3%	83.3% #7E7058	RGB 126 112 88	#7E7058
100.0%	100.0% #8C775E	RGB 140 119 94	#8C775E

#3C3D32 #4A4A3A #575543 #645F4A #716851 #7E7058 #8C775E

#3C3D32 - #645F4A - #8C775E

Codici CSS

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

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