#3D5E2F - #AD9859 | 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 #3D5E2F a #AD9859

#3D5E2F #AD9859

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

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

0.0%	0.0% #3D5E2F	RGB 61 94 47	#3D5E2F
16.7%	16.7% #4F6736	RGB 79 103 54	#4F6736
33.3%	33.3% #62713D	RGB 98 113 61	#62713D
50.0%	50.0% #757B44	RGB 117 123 68	#757B44
66.7%	66.7% #87844B	RGB 135 132 75	#87844B
83.3%	83.3% #9A8E52	RGB 154 142 82	#9A8E52
100.0%	100.0% #AD9859	RGB 173 152 89	#AD9859

#3D5E2F #4F6736 #62713D #757B44 #87844B #9A8E52 #AD9859

#3D5E2F - #AD9859

Miscela HSV

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

0.0%	0.0% #3D5E2F	RGB 61 94 47	#3D5E2F
16.7%	16.7% #4E6B35	RGB 78 107 53	#4E6B35
33.3%	33.3% #61783C	RGB 97 120 60	#61783C
50.0%	50.0% #768543	RGB 118 133 67	#768543
66.7%	66.7% #8D924A	RGB 141 146 74	#8D924A
83.3%	83.3% #9F9851	RGB 159 152 81	#9F9851
100.0%	100.0% #AD9859	RGB 173 152 89	#AD9859

#3D5E2F #4E6B35 #61783C #768543 #8D924A #9F9851 #AD9859

#3D5E2F - #768543 - #AD9859

Codici CSS

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

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