#ACA48C - #5E493A | 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 #ACA48C a #5E493A

#ACA48C #5E493A

Calcola il colore tra due colori, #ACA48C e #5E493A. 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)

#ACA48C - #5E493A | 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 #ACA48C come 0% e #5E493A come 100%.

0.0%	0.0% #ACA48C	RGB 172 164 140	#ACA48C
16.7%	16.7% #9F947E	RGB 159 148 126	#9F947E
33.3%	33.3% #928570	RGB 146 133 112	#928570
50.0%	50.0% #857663	RGB 133 118 99	#857663
66.7%	66.7% #786755	RGB 120 103 85	#786755
83.3%	83.3% #6B5847	RGB 107 88 71	#6B5847
100.0%	100.0% #5E493A	RGB 94 73 58	#5E493A

#ACA48C #9F947E #928570 #857663 #786755 #6B5847 #5E493A

#ACA48C - #5E493A

Miscela HSV

#ACA48C - #5E493A | 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 #ACA48C come 0% e #5E493A come 100%.

0.0%	0.0% #ACA48C	RGB 172 164 140	#ACA48C
16.7%	16.7% #9F947C	RGB 159 148 124	#9F947C
33.3%	33.3% #92846D	RGB 146 132 109	#92846D
50.0%	50.0% #85755F	RGB 133 117 95	#85755F
66.7%	66.7% #786651	RGB 120 102 81	#786651
83.3%	83.3% #6B5745	RGB 107 87 69	#6B5745
100.0%	100.0% #5E493A	RGB 94 73 58	#5E493A

#ACA48C #9F947C #92846D #85755F #786651 #6B5745 #5E493A

#ACA48C - #85755F - #5E493A

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACA48C 0%, #85755F 50%, #5E493A 100%);
    background: -webkit-linear-gradient(top, #ACA48C 0%, #85755F 50%, #5E493A 100%);
    background: linear-gradient(to bottom, #ACA48C 0%, #85755F 50%, #5E493A 100%);
}
</style>