#C5EAC6 - #E3EACF | 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 #C5EAC6 a #E3EACF

#C5EAC6 #E3EACF

Calcola il colore tra due colori, #C5EAC6 e #E3EACF. 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)

#C5EAC6 - #E3EACF | 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 #C5EAC6 come 0% e #E3EACF come 100%.

0.0%	0.0% #C5EAC6	RGB 197 234 198	#C5EAC6
16.7%	16.7% #CAEAC7	RGB 202 234 199	#CAEAC7
33.3%	33.3% #CFEAC9	RGB 207 234 201	#CFEAC9
50.0%	50.0% #D4EACA	RGB 212 234 202	#D4EACA
66.7%	66.7% #D9EACC	RGB 217 234 204	#D9EACC
83.3%	83.3% #DEEACD	RGB 222 234 205	#DEEACD
100.0%	100.0% #E3EACF	RGB 227 234 207	#E3EACF

#C5EAC6 #CAEAC7 #CFEAC9 #D4EACA #D9EACC #DEEACD #E3EACF

#C5EAC6 - #E3EACF

Miscela HSV

#C5EAC6 - #E3EACF | 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 #C5EAC6 come 0% e #E3EACF come 100%.

0.0%	0.0% #C5EAC6	RGB 197 234 198	#C5EAC6
16.7%	16.7% #CAEAC6	RGB 202 234 198	#CAEAC6
33.3%	33.3% #D0EAC8	RGB 208 234 200	#D0EAC8
50.0%	50.0% #D5EACA	RGB 213 234 202	#D5EACA
66.7%	66.7% #DAEACB	RGB 218 234 203	#DAEACB
83.3%	83.3% #DEEACD	RGB 222 234 205	#DEEACD
100.0%	100.0% #E3EACF	RGB 227 234 207	#E3EACF

#C5EAC6 #CAEAC6 #D0EAC8 #D5EACA #DAEACB #DEEACD #E3EACF

#C5EAC6 - #D5EACA - #E3EACF

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5EAC6 0%, #D5EACA 50%, #E3EACF 100%);
    background: -webkit-linear-gradient(top, #C5EAC6 0%, #D5EACA 50%, #E3EACF 100%);
    background: linear-gradient(to bottom, #C5EAC6 0%, #D5EACA 50%, #E3EACF 100%);
}
</style>