#B9A8A1 - #A06D4B | 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 #B9A8A1 a #A06D4B

#B9A8A1 #A06D4B

Calcola il colore tra due colori, #B9A8A1 e #A06D4B. 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)

#B9A8A1 - #A06D4B | 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 #B9A8A1 come 0% e #A06D4B come 100%.

0.0%	0.0% #B9A8A1	RGB 185 168 161	#B9A8A1
16.7%	16.7% #B49E92	RGB 180 158 146	#B49E92
33.3%	33.3% #B09484	RGB 176 148 132	#B09484
50.0%	50.0% #AC8A76	RGB 172 138 118	#AC8A76
66.7%	66.7% #A88067	RGB 168 128 103	#A88067
83.3%	83.3% #A47659	RGB 164 118 89	#A47659
100.0%	100.0% #A06D4B	RGB 160 109 75	#A06D4B

#B9A8A1 #B49E92 #B09484 #AC8A76 #A88067 #A47659 #A06D4B

#B9A8A1 - #A06D4B

Miscela HSV

#B9A8A1 - #A06D4B | 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 #B9A8A1 come 0% e #A06D4B come 100%.

0.0%	0.0% #B9A8A1	RGB 185 168 161	#B9A8A1
16.7%	16.7% #B49C91	RGB 180 156 145	#B49C91
33.3%	33.3% #B09182	RGB 176 145 130	#B09182
50.0%	50.0% #AC8773	RGB 172 135 115	#AC8773
66.7%	66.7% #A87D65	RGB 168 125 101	#A87D65
83.3%	83.3% #A47557	RGB 164 117 87	#A47557
100.0%	100.0% #A06D4B	RGB 160 109 75	#A06D4B

#B9A8A1 #B49C91 #B09182 #AC8773 #A87D65 #A47557 #A06D4B

#B9A8A1 - #AC8773 - #A06D4B

Codici CSS

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

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