#00AF4A - #ECFF9E | 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 #00AF4A a #ECFF9E

#00AF4A #ECFF9E

Calcola il colore tra due colori, #00AF4A e #ECFF9E. 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)

#00AF4A - #ECFF9E | 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 #00AF4A come 0% e #ECFF9E come 100%.

0.0%	0.0% #00AF4A	RGB 0 175 74	#00AF4A
16.7%	16.7% #27BC58	RGB 39 188 88	#27BC58
33.3%	33.3% #4EC966	RGB 78 201 102	#4EC966
50.0%	50.0% #76D774	RGB 118 215 116	#76D774
66.7%	66.7% #9DE482	RGB 157 228 130	#9DE482
83.3%	83.3% #C4F190	RGB 196 241 144	#C4F190
100.0%	100.0% #ECFF9E	RGB 236 255 158	#ECFF9E

#00AF4A #27BC58 #4EC966 #76D774 #9DE482 #C4F190 #ECFF9E

#00AF4A - #ECFF9E

Miscela HSV

#00AF4A - #ECFF9E | 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 #00AF4A come 0% e #ECFF9E come 100%.

0.0%	0.0% #00AF49	RGB 0 175 73	#00AF49
16.7%	16.7% #13BC38	RGB 19 188 56	#13BC38
33.3%	33.3% #29C92B	RGB 41 201 43	#29C92B
50.0%	50.0% #5ED742	RGB 94 215 66	#5ED742
66.7%	66.7% #93E45E	RGB 147 228 94	#93E45E
83.3%	83.3% #C2F17C	RGB 194 241 124	#C2F17C
100.0%	100.0% #ECFF9E	RGB 236 255 158	#ECFF9E

#00AF49 #13BC38 #29C92B #5ED742 #93E45E #C2F17C #ECFF9E

#00AF4A - #5ED742 - #ECFF9E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00AF49 0%, #5ED742 50%, #ECFF9E 100%);
    background: -webkit-linear-gradient(top, #00AF49 0%, #5ED742 50%, #ECFF9E 100%);
    background: linear-gradient(to bottom, #00AF49 0%, #5ED742 50%, #ECFF9E 100%);
}
</style>