#AD997B - #8C652A | 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 #AD997B a #8C652A

#AD997B #8C652A

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

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

0.0%	0.0% #AD997B	RGB 173 153 123	#AD997B
16.7%	16.7% #A7906D	RGB 167 144 109	#A7906D
33.3%	33.3% #A28760	RGB 162 135 96	#A28760
50.0%	50.0% #9C7F52	RGB 156 127 82	#9C7F52
66.7%	66.7% #977645	RGB 151 118 69	#977645
83.3%	83.3% #916D37	RGB 145 109 55	#916D37
100.0%	100.0% #8C652A	RGB 140 101 42	#8C652A

#AD997B #A7906D #A28760 #9C7F52 #977645 #916D37 #8C652A

#AD997B - #8C652A

Miscela HSV

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

0.0%	0.0% #AD997B	RGB 173 153 123	#AD997B
16.7%	16.7% #A78F6B	RGB 167 143 107	#A78F6B
33.3%	33.3% #A2865C	RGB 162 134 92	#A2865C
50.0%	50.0% #9C7D4F	RGB 156 125 79	#9C7D4F
66.7%	66.7% #977541	RGB 151 117 65	#977541
83.3%	83.3% #916C35	RGB 145 108 53	#916C35
100.0%	100.0% #8C652A	RGB 140 101 42	#8C652A

#AD997B #A78F6B #A2865C #9C7D4F #977541 #916C35 #8C652A

#AD997B - #9C7D4F - #8C652A

Codici CSS

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

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