#5EBF7F - #D1ECDA | 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 #5EBF7F a #D1ECDA

#5EBF7F #D1ECDA

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

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

0.0%	0.0% #5EBF7F	RGB 94 191 127	#5EBF7F
16.7%	16.7% #71C68E	RGB 113 198 142	#71C68E
33.3%	33.3% #84CE9D	RGB 132 206 157	#84CE9D
50.0%	50.0% #97D5AC	RGB 151 213 172	#97D5AC
66.7%	66.7% #AADDBB	RGB 170 221 187	#AADDBB
83.3%	83.3% #BDE4CA	RGB 189 228 202	#BDE4CA
100.0%	100.0% #D1ECDA	RGB 209 236 218	#D1ECDA

#5EBF7F #71C68E #84CE9D #97D5AC #AADDBB #BDE4CA #D1ECDA

#5EBF7F - #D1ECDA

Miscela HSV

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

0.0%	0.0% #5EBF7F	RGB 94 191 127	#5EBF7F
16.7%	16.7% #6EC68C	RGB 110 198 140	#6EC68C
33.3%	33.3% #80CE9A	RGB 128 206 154	#80CE9A
50.0%	50.0% #93D5A9	RGB 147 213 169	#93D5A9
66.7%	66.7% #A6DDB8	RGB 166 221 184	#A6DDB8
83.3%	83.3% #BBE4C9	RGB 187 228 201	#BBE4C9
100.0%	100.0% #D1ECDA	RGB 209 236 218	#D1ECDA

#5EBF7F #6EC68C #80CE9A #93D5A9 #A6DDB8 #BBE4C9 #D1ECDA

#5EBF7F - #93D5A9 - #D1ECDA

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EBF7F 0%, #93D5A9 50%, #D1ECDA 100%);
    background: -webkit-linear-gradient(top, #5EBF7F 0%, #93D5A9 50%, #D1ECDA 100%);
    background: linear-gradient(to bottom, #5EBF7F 0%, #93D5A9 50%, #D1ECDA 100%);
}
</style>