#A2FF5E - #2E481A | 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 #A2FF5E a #2E481A

#A2FF5E #2E481A

Calcola il colore tra due colori, #A2FF5E e #2E481A. 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)

#A2FF5E - #2E481A | 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 #A2FF5E come 0% e #2E481A come 100%.

0.0%	0.0% #A2FF5E	RGB 162 255 94	#A2FF5E
16.7%	16.7% #8EE052	RGB 142 224 82	#8EE052
33.3%	33.3% #7BC247	RGB 123 194 71	#7BC247
50.0%	50.0% #68A33C	RGB 104 163 60	#68A33C
66.7%	66.7% #548430	RGB 84 132 48	#548430
83.3%	83.3% #416625	RGB 65 102 37	#416625
100.0%	100.0% #2E481A	RGB 46 72 26	#2E481A

#A2FF5E #8EE052 #7BC247 #68A33C #548430 #416625 #2E481A

#A2FF5E - #2E481A

Miscela HSV

#A2FF5E - #2E481A | 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 #A2FF5E come 0% e #2E481A come 100%.

0.0%	0.0% #A1FF5D	RGB 161 255 93	#A1FF5D
16.7%	16.7% #8EE052	RGB 142 224 82	#8EE052
33.3%	33.3% #7BC247	RGB 123 194 71	#7BC247
50.0%	50.0% #68A33B	RGB 104 163 59	#68A33B
66.7%	66.7% #548430	RGB 84 132 48	#548430
83.3%	83.3% #416625	RGB 65 102 37	#416625
100.0%	100.0% #2E481A	RGB 46 72 26	#2E481A

#A1FF5D #8EE052 #7BC247 #68A33B #548430 #416625 #2E481A

#A2FF5E - #68A33B - #2E481A

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1FF5D 0%, #68A33B 50%, #2E481A 100%);
    background: -webkit-linear-gradient(top, #A1FF5D 0%, #68A33B 50%, #2E481A 100%);
    background: linear-gradient(to bottom, #A1FF5D 0%, #68A33B 50%, #2E481A 100%);
}
</style>