#AC7D5E - #844019 | 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 #AC7D5E a #844019

#AC7D5E #844019

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

#AC7D5E - #844019 | 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 #AC7D5E come 0% e #844019 come 100%.

0.0%	0.0% #AC7D5E	RGB 172 125 94	#AC7D5E
16.7%	16.7% #A57252	RGB 165 114 82	#A57252
33.3%	33.3% #9E6847	RGB 158 104 71	#9E6847
50.0%	50.0% #985E3B	RGB 152 94 59	#985E3B
66.7%	66.7% #915430	RGB 145 84 48	#915430
83.3%	83.3% #8A4A24	RGB 138 74 36	#8A4A24
100.0%	100.0% #844019	RGB 132 64 25	#844019

#AC7D5E #A57252 #9E6847 #985E3B #915430 #8A4A24 #844019

#AC7D5E - #844019

Miscela HSV

#AC7D5E - #844019 | 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 #AC7D5E come 0% e #844019 come 100%.

0.0%	0.0% #AC7D5E	RGB 172 125 94	#AC7D5E
16.7%	16.7% #A57150	RGB 165 113 80	#A57150
33.3%	33.3% #9E6643	RGB 158 102 67	#9E6643
50.0%	50.0% #985C37	RGB 152 92 55	#985C37
66.7%	66.7% #91522C	RGB 145 82 44	#91522C
83.3%	83.3% #8A4922	RGB 138 73 34	#8A4922
100.0%	100.0% #844019	RGB 132 64 25	#844019

#AC7D5E #A57150 #9E6643 #985C37 #91522C #8A4922 #844019

#AC7D5E - #985C37 - #844019

Codici CSS

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

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