#E6E5EE - #FBF0FF | 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 #E6E5EE a #FBF0FF

#E6E5EE #FBF0FF

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

#E6E5EE - #FBF0FF | 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 #E6E5EE come 0% e #FBF0FF come 100%.

0.0%	0.0% #E6E5EE	RGB 230 229 238	#E6E5EE
16.7%	16.7% #E9E6F0	RGB 233 230 240	#E9E6F0
33.3%	33.3% #EDE8F3	RGB 237 232 243	#EDE8F3
50.0%	50.0% #F0EAF6	RGB 240 234 246	#F0EAF6
66.7%	66.7% #F4ECF9	RGB 244 236 249	#F4ECF9
83.3%	83.3% #F7EEFC	RGB 247 238 252	#F7EEFC
100.0%	100.0% #FBF0FF	RGB 251 240 255	#FBF0FF

#E6E5EE #E9E6F0 #EDE8F3 #F0EAF6 #F4ECF9 #F7EEFC #FBF0FF

#E6E5EE - #FBF0FF

Miscela HSV

#E6E5EE - #FBF0FF | 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 #E6E5EE come 0% e #FBF0FF come 100%.

0.0%	0.0% #E6E5EE	RGB 230 229 238	#E6E5EE
16.7%	16.7% #E9E6F0	RGB 233 230 240	#E9E6F0
33.3%	33.3% #ECE8F3	RGB 236 232 243	#ECE8F3
50.0%	50.0% #EFEAF6	RGB 239 234 246	#EFEAF6
66.7%	66.7% #F3ECF9	RGB 243 236 249	#F3ECF9
83.3%	83.3% #F6EEFC	RGB 246 238 252	#F6EEFC
100.0%	100.0% #FBF0FF	RGB 251 240 255	#FBF0FF

#E6E5EE #E9E6F0 #ECE8F3 #EFEAF6 #F3ECF9 #F6EEFC #FBF0FF

#E6E5EE - #EFEAF6 - #FBF0FF

Codici CSS

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

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