#ADA77E - #8C802C | 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 #ADA77E a #8C802C

#ADA77E #8C802C

Calcola il colore tra due colori, #ADA77E e #8C802C. 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)

#ADA77E - #8C802C | 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 #ADA77E come 0% e #8C802C come 100%.

0.0%	0.0% #ADA77E	RGB 173 167 126	#ADA77E
16.7%	16.7% #A7A070	RGB 167 160 112	#A7A070
33.3%	33.3% #A29A62	RGB 162 154 98	#A29A62
50.0%	50.0% #9C9355	RGB 156 147 85	#9C9355
66.7%	66.7% #978D47	RGB 151 141 71	#978D47
83.3%	83.3% #918639	RGB 145 134 57	#918639
100.0%	100.0% #8C802C	RGB 140 128 44	#8C802C

#ADA77E #A7A070 #A29A62 #9C9355 #978D47 #918639 #8C802C

#ADA77E - #8C802C

Miscela HSV

#ADA77E - #8C802C | 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 #ADA77E come 0% e #8C802C come 100%.

0.0%	0.0% #ADA77E	RGB 173 167 126	#ADA77E
16.7%	16.7% #A7A06E	RGB 167 160 110	#A7A06E
33.3%	33.3% #A2995F	RGB 162 153 95	#A2995F
50.0%	50.0% #9C9351	RGB 156 147 81	#9C9351
66.7%	66.7% #978C44	RGB 151 140 68	#978C44
83.3%	83.3% #918637	RGB 145 134 55	#918637
100.0%	100.0% #8C802C	RGB 140 128 44	#8C802C

#ADA77E #A7A06E #A2995F #9C9351 #978C44 #918637 #8C802C

#ADA77E - #9C9351 - #8C802C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADA77E 0%, #9C9351 50%, #8C802C 100%);
    background: -webkit-linear-gradient(top, #ADA77E 0%, #9C9351 50%, #8C802C 100%);
    background: linear-gradient(to bottom, #ADA77E 0%, #9C9351 50%, #8C802C 100%);
}
</style>