#ABABA4 - #7E714E | 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 #ABABA4 a #7E714E

#ABABA4 #7E714E

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

#ABABA4 - #7E714E | 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 #ABABA4 come 0% e #7E714E come 100%.

0.0%	0.0% #ABABA4	RGB 171 171 164	#ABABA4
16.7%	16.7% #A3A195	RGB 163 161 149	#A3A195
33.3%	33.3% #9C9787	RGB 156 151 135	#9C9787
50.0%	50.0% #948E79	RGB 148 142 121	#948E79
66.7%	66.7% #8D846A	RGB 141 132 106	#8D846A
83.3%	83.3% #857A5C	RGB 133 122 92	#857A5C
100.0%	100.0% #7E714E	RGB 126 113 78	#7E714E

#ABABA4 #A3A195 #9C9787 #948E79 #8D846A #857A5C #7E714E

#ABABA4 - #7E714E

Miscela HSV

#ABABA4 - #7E714E | 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 #ABABA4 come 0% e #7E714E come 100%.

0.0%	0.0% #ABABA4	RGB 171 171 164	#ABABA4
16.7%	16.7% #A3A293	RGB 163 162 147	#A3A293
33.3%	33.3% #9C9983	RGB 156 153 131	#9C9983
50.0%	50.0% #949075	RGB 148 144 117	#949075
66.7%	66.7% #8D8667	RGB 141 134 103	#8D8667
83.3%	83.3% #857B5A	RGB 133 123 90	#857B5A
100.0%	100.0% #7E714E	RGB 126 113 78	#7E714E

#ABABA4 #A3A293 #9C9983 #949075 #8D8667 #857B5A #7E714E

#ABABA4 - #949075 - #7E714E

Codici CSS

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

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