#AA8C7C - #894A2B | 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 #AA8C7C a #894A2B

#AA8C7C #894A2B

Calcola il colore tra due colori, #AA8C7C e #894A2B. 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)

#AA8C7C - #894A2B | 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 #AA8C7C come 0% e #894A2B come 100%.

0.0%	0.0% #AA8C7C	RGB 170 140 124	#AA8C7C
16.7%	16.7% #A4816E	RGB 164 129 110	#A4816E
33.3%	33.3% #9F7661	RGB 159 118 97	#9F7661
50.0%	50.0% #996B53	RGB 153 107 83	#996B53
66.7%	66.7% #946046	RGB 148 96 70	#946046
83.3%	83.3% #8E5538	RGB 142 85 56	#8E5538
100.0%	100.0% #894A2B	RGB 137 74 43	#894A2B

#AA8C7C #A4816E #9F7661 #996B53 #946046 #8E5538 #894A2B

#AA8C7C - #894A2B

Miscela HSV

#AA8C7C - #894A2B | 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 #AA8C7C come 0% e #894A2B come 100%.

0.0%	0.0% #AA8C7C	RGB 170 140 124	#AA8C7C
16.7%	16.7% #A47F6C	RGB 164 127 108	#A47F6C
33.3%	33.3% #9F745D	RGB 159 116 93	#9F745D
50.0%	50.0% #996850	RGB 153 104 80	#996850
66.7%	66.7% #945E42	RGB 148 94 66	#945E42
83.3%	83.3% #8E5336	RGB 142 83 54	#8E5336
100.0%	100.0% #894A2B	RGB 137 74 43	#894A2B

#AA8C7C #A47F6C #9F745D #996850 #945E42 #8E5336 #894A2B

#AA8C7C - #996850 - #894A2B

Codici CSS

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

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