#3EBC3C - #FFFF70 | 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 #3EBC3C a #FFFF70

#3EBC3C #FFFF70

Calcola il colore tra due colori, #3EBC3C e #FFFF70. 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)

#3EBC3C - #FFFF70 | 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 #3EBC3C come 0% e #FFFF70 come 100%.

0.0%	0.0% #3EBC3C	RGB 62 188 60	#3EBC3C
16.7%	16.7% #5EC744	RGB 94 199 68	#5EC744
33.3%	33.3% #7ED24D	RGB 126 210 77	#7ED24D
50.0%	50.0% #9EDD56	RGB 158 221 86	#9EDD56
66.7%	66.7% #BEE85E	RGB 190 232 94	#BEE85E
83.3%	83.3% #DEF367	RGB 222 243 103	#DEF367
100.0%	100.0% #FFFF70	RGB 255 255 112	#FFFF70

#3EBC3C #5EC744 #7ED24D #9EDD56 #BEE85E #DEF367 #FFFF70

#3EBC3C - #FFFF70

Miscela HSV

#3EBC3C - #FFFF70 | 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 #3EBC3C come 0% e #FFFF70 come 100%.

0.0%	0.0% #3EBC3C	RGB 62 188 60	#3EBC3C
16.7%	16.7% #5BC743	RGB 91 199 67	#5BC743
33.3%	33.3% #79D24B	RGB 121 210 75	#79D24B
50.0%	50.0% #99DD53	RGB 153 221 83	#99DD53
66.7%	66.7% #BAE85C	RGB 186 232 92	#BAE85C
83.3%	83.3% #DCF366	RGB 220 243 102	#DCF366
100.0%	100.0% #FFFF70	RGB 255 255 112	#FFFF70

#3EBC3C #5BC743 #79D24B #99DD53 #BAE85C #DCF366 #FFFF70

#3EBC3C - #99DD53 - #FFFF70

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3EBC3C 0%, #99DD53 50%, #FFFF70 100%);
    background: -webkit-linear-gradient(top, #3EBC3C 0%, #99DD53 50%, #FFFF70 100%);
    background: linear-gradient(to bottom, #3EBC3C 0%, #99DD53 50%, #FFFF70 100%);
}
</style>