#AFDA5E - #6BAE1E | 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 #AFDA5E a #6BAE1E

#AFDA5E #6BAE1E

Calcola il colore tra due colori, #AFDA5E e #6BAE1E. 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)

#AFDA5E - #6BAE1E | 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 #AFDA5E come 0% e #6BAE1E come 100%.

0.0%	0.0% #AFDA5E	RGB 175 218 94	#AFDA5E
16.7%	16.7% #A3D253	RGB 163 210 83	#A3D253
33.3%	33.3% #98CB48	RGB 152 203 72	#98CB48
50.0%	50.0% #8DC43E	RGB 141 196 62	#8DC43E
66.7%	66.7% #81BC33	RGB 129 188 51	#81BC33
83.3%	83.3% #76B528	RGB 118 181 40	#76B528
100.0%	100.0% #6BAE1E	RGB 107 174 30	#6BAE1E

#AFDA5E #A3D253 #98CB48 #8DC43E #81BC33 #76B528 #6BAE1E

#AFDA5E - #6BAE1E

Miscela HSV

#AFDA5E - #6BAE1E | 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 #AFDA5E come 0% e #6BAE1E come 100%.

0.0%	0.0% #AFDA5E	RGB 175 218 94	#AFDA5E
16.7%	16.7% #A3D251	RGB 163 210 81	#A3D251
33.3%	33.3% #97CB46	RGB 151 203 70	#97CB46
50.0%	50.0% #8CC43B	RGB 140 196 59	#8CC43B
66.7%	66.7% #81BC30	RGB 129 188 48	#81BC30
83.3%	83.3% #75B527	RGB 117 181 39	#75B527
100.0%	100.0% #6BAE1E	RGB 107 174 30	#6BAE1E

#AFDA5E #A3D251 #97CB46 #8CC43B #81BC30 #75B527 #6BAE1E

#AFDA5E - #8CC43B - #6BAE1E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFDA5E 0%, #8CC43B 50%, #6BAE1E 100%);
    background: -webkit-linear-gradient(top, #AFDA5E 0%, #8CC43B 50%, #6BAE1E 100%);
    background: linear-gradient(to bottom, #AFDA5E 0%, #8CC43B 50%, #6BAE1E 100%);
}
</style>