#E3E7E7 - #FFDEFA | 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 #E3E7E7 a #FFDEFA

#E3E7E7 #FFDEFA

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

#E3E7E7 - #FFDEFA | 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 #E3E7E7 come 0% e #FFDEFA come 100%.

0.0%	0.0% #E3E7E7	RGB 227 231 231	#E3E7E7
16.7%	16.7% #E7E5EA	RGB 231 229 234	#E7E5EA
33.3%	33.3% #ECE4ED	RGB 236 228 237	#ECE4ED
50.0%	50.0% #F1E2F0	RGB 241 226 240	#F1E2F0
66.7%	66.7% #F5E1F3	RGB 245 225 243	#F5E1F3
83.3%	83.3% #FADFF6	RGB 250 223 246	#FADFF6
100.0%	100.0% #FFDEFA	RGB 255 222 250	#FFDEFA

#E3E7E7 #E7E5EA #ECE4ED #F1E2F0 #F5E1F3 #FADFF6 #FFDEFA

#E3E7E7 - #FFDEFA

Miscela HSV

#E3E7E7 - #FFDEFA | 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 #E3E7E7 come 0% e #FFDEFA come 100%.

0.0%	0.0% #E3E7E7	RGB 227 231 231	#E3E7E7
16.7%	16.7% #E2E7EB	RGB 226 231 235	#E2E7EB
33.3%	33.3% #E1E5EF	RGB 225 229 239	#E1E5EF
50.0%	50.0% #E2E1F3	RGB 226 225 243	#E2E1F3
66.7%	66.7% #EAE0F7	RGB 234 224 247	#EAE0F7
83.3%	83.3% #F5DFFB	RGB 245 223 251	#F5DFFB
100.0%	100.0% #FFDEFA	RGB 255 222 250	#FFDEFA

#E3E7E7 #E2E7EB #E1E5EF #E2E1F3 #EAE0F7 #F5DFFB #FFDEFA

#E3E7E7 - #E2E1F3 - #FFDEFA

Codici CSS

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

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