#A2EA8C - #4ECA3C | 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 #A2EA8C a #4ECA3C

#A2EA8C #4ECA3C

Calcola il colore tra due colori, #A2EA8C e #4ECA3C. 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)

#A2EA8C - #4ECA3C | 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 #A2EA8C come 0% e #4ECA3C come 100%.

0.0%	0.0% #A2EA8C	RGB 162 234 140	#A2EA8C
16.7%	16.7% #94E47E	RGB 148 228 126	#94E47E
33.3%	33.3% #86DF71	RGB 134 223 113	#86DF71
50.0%	50.0% #78DA64	RGB 120 218 100	#78DA64
66.7%	66.7% #6AD456	RGB 106 212 86	#6AD456
83.3%	83.3% #5CCF49	RGB 92 207 73	#5CCF49
100.0%	100.0% #4ECA3C	RGB 78 202 60	#4ECA3C

#A2EA8C #94E47E #86DF71 #78DA64 #6AD456 #5CCF49 #4ECA3C

#A2EA8C - #4ECA3C

Miscela HSV

#A2EA8C - #4ECA3C | 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 #A2EA8C come 0% e #4ECA3C come 100%.

0.0%	0.0% #A2EA8C	RGB 162 234 140	#A2EA8C
16.7%	16.7% #93E47D	RGB 147 228 125	#93E47D
33.3%	33.3% #85DF6F	RGB 133 223 111	#85DF6F
50.0%	50.0% #77DA61	RGB 119 218 97	#77DA61
66.7%	66.7% #69D454	RGB 105 212 84	#69D454
83.3%	83.3% #5BCF47	RGB 91 207 71	#5BCF47
100.0%	100.0% #4ECA3C	RGB 78 202 60	#4ECA3C

#A2EA8C #93E47D #85DF6F #77DA61 #69D454 #5BCF47 #4ECA3C

#A2EA8C - #77DA61 - #4ECA3C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2EA8C 0%, #77DA61 50%, #4ECA3C 100%);
    background: -webkit-linear-gradient(top, #A2EA8C 0%, #77DA61 50%, #4ECA3C 100%);
    background: linear-gradient(to bottom, #A2EA8C 0%, #77DA61 50%, #4ECA3C 100%);
}
</style>