#5EAC8C - #C9FF7E | 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 #5EAC8C a #C9FF7E

#5EAC8C #C9FF7E

Calcola il colore tra due colori, #5EAC8C e #C9FF7E. 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)

#5EAC8C - #C9FF7E | 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 #5EAC8C come 0% e #C9FF7E come 100%.

0.0%	0.0% #5EAC8C	RGB 94 172 140	#5EAC8C
16.7%	16.7% #6FB989	RGB 111 185 137	#6FB989
33.3%	33.3% #81C787	RGB 129 199 135	#81C787
50.0%	50.0% #93D585	RGB 147 213 133	#93D585
66.7%	66.7% #A5E382	RGB 165 227 130	#A5E382
83.3%	83.3% #B7F180	RGB 183 241 128	#B7F180
100.0%	100.0% #C9FF7E	RGB 201 255 126	#C9FF7E

#5EAC8C #6FB989 #81C787 #93D585 #A5E382 #B7F180 #C9FF7E

#5EAC8C - #C9FF7E

Miscela HSV

#5EAC8C - #C9FF7E | 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 #5EAC8C come 0% e #C9FF7E come 100%.

0.0%	0.0% #5EAC8C	RGB 94 172 140	#5EAC8C
16.7%	16.7% #63B985	RGB 99 185 133	#63B985
33.3%	33.3% #69C77C	RGB 105 199 124	#69C77C
50.0%	50.0% #6FD56F	RGB 111 213 111	#6FD56F
66.7%	66.7% #89E374	RGB 137 227 116	#89E374
83.3%	83.3% #A7F179	RGB 167 241 121	#A7F179
100.0%	100.0% #C9FF7E	RGB 201 255 126	#C9FF7E

#5EAC8C #63B985 #69C77C #6FD56F #89E374 #A7F179 #C9FF7E

#5EAC8C - #6FD56F - #C9FF7E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EAC8C 0%, #6FD56F 50%, #C9FF7E 100%);
    background: -webkit-linear-gradient(top, #5EAC8C 0%, #6FD56F 50%, #C9FF7E 100%);
    background: linear-gradient(to bottom, #5EAC8C 0%, #6FD56F 50%, #C9FF7E 100%);
}
</style>