#5EAD7E - #D1E7DA | 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 #5EAD7E a #D1E7DA

#5EAD7E #D1E7DA

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

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

0.0%	0.0% #5EAD7E	RGB 94 173 126	#5EAD7E
16.7%	16.7% #71B68D	RGB 113 182 141	#71B68D
33.3%	33.3% #84C09C	RGB 132 192 156	#84C09C
50.0%	50.0% #97CAAC	RGB 151 202 172	#97CAAC
66.7%	66.7% #AAD3BB	RGB 170 211 187	#AAD3BB
83.3%	83.3% #BDDDCA	RGB 189 221 202	#BDDDCA
100.0%	100.0% #D1E7DA	RGB 209 231 218	#D1E7DA

#5EAD7E #71B68D #84C09C #97CAAC #AAD3BB #BDDDCA #D1E7DA

#5EAD7E - #D1E7DA

Miscela HSV

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

0.0%	0.0% #5EAD7E	RGB 94 173 126	#5EAD7E
16.7%	16.7% #6EB68B	RGB 110 182 139	#6EB68B
33.3%	33.3% #7FC099	RGB 127 192 153	#7FC099
50.0%	50.0% #92CAA8	RGB 146 202 168	#92CAA8
66.7%	66.7% #A6D3B8	RGB 166 211 184	#A6D3B8
83.3%	83.3% #BADDC8	RGB 186 221 200	#BADDC8
100.0%	100.0% #D1E7DA	RGB 209 231 218	#D1E7DA

#5EAD7E #6EB68B #7FC099 #92CAA8 #A6D3B8 #BADDC8 #D1E7DA

#5EAD7E - #92CAA8 - #D1E7DA

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EAD7E 0%, #92CAA8 50%, #D1E7DA 100%);
    background: -webkit-linear-gradient(top, #5EAD7E 0%, #92CAA8 50%, #D1E7DA 100%);
    background: linear-gradient(to bottom, #5EAD7E 0%, #92CAA8 50%, #D1E7DA 100%);
}
</style>