#49DBB5 - #E2FF9A | 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 #49DBB5 a #E2FF9A

#49DBB5 #E2FF9A

Calcola il colore tra due colori, #49DBB5 e #E2FF9A. 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)

#49DBB5 - #E2FF9A | 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 #49DBB5 come 0% e #E2FF9A come 100%.

0.0%	0.0% #49DBB5	RGB 73 219 181	#49DBB5
16.7%	16.7% #62E1B0	RGB 98 225 176	#62E1B0
33.3%	33.3% #7CE7AC	RGB 124 231 172	#7CE7AC
50.0%	50.0% #95EDA7	RGB 149 237 167	#95EDA7
66.7%	66.7% #AFF3A3	RGB 175 243 163	#AFF3A3
83.3%	83.3% #C8F99E	RGB 200 249 158	#C8F99E
100.0%	100.0% #E2FF9A	RGB 226 255 154	#E2FF9A

#49DBB5 #62E1B0 #7CE7AC #95EDA7 #AFF3A3 #C8F99E #E2FF9A

#49DBB5 - #E2FF9A

Miscela HSV

#49DBB5 - #E2FF9A | 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 #49DBB5 come 0% e #E2FF9A come 100%.

0.0%	0.0% #49DBB5	RGB 73 219 181	#49DBB5
16.7%	16.7% #55E19A	RGB 85 225 154	#55E19A
33.3%	33.3% #61E783	RGB 97 231 131	#61E783
50.0%	50.0% #6FED70	RGB 111 237 112	#6FED70
66.7%	66.7% #97F37C	RGB 151 243 124	#97F37C
83.3%	83.3% #BEF98B	RGB 190 249 139	#BEF98B
100.0%	100.0% #E2FF9A	RGB 226 255 154	#E2FF9A

#49DBB5 #55E19A #61E783 #6FED70 #97F37C #BEF98B #E2FF9A

#49DBB5 - #6FED70 - #E2FF9A

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #49DBB5 0%, #6FED70 50%, #E2FF9A 100%);
    background: -webkit-linear-gradient(top, #49DBB5 0%, #6FED70 50%, #E2FF9A 100%);
    background: linear-gradient(to bottom, #49DBB5 0%, #6FED70 50%, #E2FF9A 100%);
}
</style>