#AC7E5E - #70481A | 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 #AC7E5E a #70481A

#AC7E5E #70481A

Calcola il colore tra due colori, #AC7E5E e #70481A. 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)

#AC7E5E - #70481A | 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 #AC7E5E come 0% e #70481A come 100%.

0.0%	0.0% #AC7E5E	RGB 172 126 94	#AC7E5E
16.7%	16.7% #A27552	RGB 162 117 82	#A27552
33.3%	33.3% #986C47	RGB 152 108 71	#986C47
50.0%	50.0% #8E633C	RGB 142 99 60	#8E633C
66.7%	66.7% #845A30	RGB 132 90 48	#845A30
83.3%	83.3% #7A5125	RGB 122 81 37	#7A5125
100.0%	100.0% #70481A	RGB 112 72 26	#70481A

#AC7E5E #A27552 #986C47 #8E633C #845A30 #7A5125 #70481A

#AC7E5E - #70481A

Miscela HSV

#AC7E5E - #70481A | 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 #AC7E5E come 0% e #70481A come 100%.

0.0%	0.0% #AC7E5E	RGB 172 126 94	#AC7E5E
16.7%	16.7% #A27350	RGB 162 115 80	#A27350
33.3%	33.3% #986943	RGB 152 105 67	#986943
50.0%	50.0% #8E6037	RGB 142 96 55	#8E6037
66.7%	66.7% #84572C	RGB 132 87 44	#84572C
83.3%	83.3% #7A4F22	RGB 122 79 34	#7A4F22
100.0%	100.0% #70481A	RGB 112 72 26	#70481A

#AC7E5E #A27350 #986943 #8E6037 #84572C #7A4F22 #70481A

#AC7E5E - #8E6037 - #70481A

Codici CSS

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

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