#A2AD5E - #62761A | 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 #A2AD5E a #62761A

#A2AD5E #62761A

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

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

0.0%	0.0% #A2AD5E	RGB 162 173 94	#A2AD5E
16.7%	16.7% #97A352	RGB 151 163 82	#97A352
33.3%	33.3% #8C9A47	RGB 140 154 71	#8C9A47
50.0%	50.0% #82913C	RGB 130 145 60	#82913C
66.7%	66.7% #778830	RGB 119 136 48	#778830
83.3%	83.3% #6C7F25	RGB 108 127 37	#6C7F25
100.0%	100.0% #62761A	RGB 98 118 26	#62761A

#A2AD5E #97A352 #8C9A47 #82913C #778830 #6C7F25 #62761A

#A2AD5E - #62761A

Miscela HSV

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

0.0%	0.0% #A2AD5E	RGB 162 173 94	#A2AD5E
16.7%	16.7% #97A350	RGB 151 163 80	#97A350
33.3%	33.3% #8C9A43	RGB 140 154 67	#8C9A43
50.0%	50.0% #819137	RGB 129 145 55	#819137
66.7%	66.7% #76882C	RGB 118 136 44	#76882C
83.3%	83.3% #6C7F22	RGB 108 127 34	#6C7F22
100.0%	100.0% #62761A	RGB 98 118 26	#62761A

#A2AD5E #97A350 #8C9A43 #819137 #76882C #6C7F22 #62761A

#A2AD5E - #819137 - #62761A

Codici CSS

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

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