#B6B4A2 - #8C794D | 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 #B6B4A2 a #8C794D

#B6B4A2 #8C794D

Calcola il colore tra due colori, #B6B4A2 e #8C794D. 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)

#B6B4A2 - #8C794D | 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 #B6B4A2 come 0% e #8C794D come 100%.

0.0%	0.0% #B6B4A2	RGB 182 180 162	#B6B4A2
16.7%	16.7% #AFAA93	RGB 175 170 147	#AFAA93
33.3%	33.3% #A8A085	RGB 168 160 133	#A8A085
50.0%	50.0% #A19677	RGB 161 150 119	#A19677
66.7%	66.7% #9A8C69	RGB 154 140 105	#9A8C69
83.3%	83.3% #93825B	RGB 147 130 91	#93825B
100.0%	100.0% #8C794D	RGB 140 121 77	#8C794D

#B6B4A2 #AFAA93 #A8A085 #A19677 #9A8C69 #93825B #8C794D

#B6B4A2 - #8C794D

Miscela HSV

#B6B4A2 - #8C794D | 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 #B6B4A2 come 0% e #8C794D come 100%.

0.0%	0.0% #B6B4A2	RGB 182 180 162	#B6B4A2
16.7%	16.7% #AFAB91	RGB 175 171 145	#AFAB91
33.3%	33.3% #A8A182	RGB 168 161 130	#A8A182
50.0%	50.0% #A19773	RGB 161 151 115	#A19773
66.7%	66.7% #9A8D66	RGB 154 141 102	#9A8D66
83.3%	83.3% #938359	RGB 147 131 89	#938359
100.0%	100.0% #8C794D	RGB 140 121 77	#8C794D

#B6B4A2 #AFAB91 #A8A182 #A19773 #9A8D66 #938359 #8C794D

#B6B4A2 - #A19773 - #8C794D

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6B4A2 0%, #A19773 50%, #8C794D 100%);
    background: -webkit-linear-gradient(top, #B6B4A2 0%, #A19773 50%, #8C794D 100%);
    background: linear-gradient(to bottom, #B6B4A2 0%, #A19773 50%, #8C794D 100%);
}
</style>