#DFD3E6 - #EEECED | 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 #DFD3E6 a #EEECED

#DFD3E6 #EEECED

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

#DFD3E6 - #EEECED | 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 #DFD3E6 come 0% e #EEECED come 100%.

0.0%	0.0% #DFD3E6	RGB 223 211 230	#DFD3E6
16.7%	16.7% #E1D7E7	RGB 225 215 231	#E1D7E7
33.3%	33.3% #E4DBE8	RGB 228 219 232	#E4DBE8
50.0%	50.0% #E6DFE9	RGB 230 223 233	#E6DFE9
66.7%	66.7% #E9E3EA	RGB 233 227 234	#E9E3EA
83.3%	83.3% #EBE7EB	RGB 235 231 235	#EBE7EB
100.0%	100.0% #EEECED	RGB 238 236 237	#EEECED

#DFD3E6 #E1D7E7 #E4DBE8 #E6DFE9 #E9E3EA #EBE7EB #EEECED

#DFD3E6 - #EEECED

Miscela HSV

#DFD3E6 - #EEECED | 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 #DFD3E6 come 0% e #EEECED come 100%.

0.0%	0.0% #DFD3E6	RGB 223 211 230	#DFD3E6
16.7%	16.7% #E3D7E7	RGB 227 215 231	#E3D7E7
33.3%	33.3% #E7DBE8	RGB 231 219 232	#E7DBE8
50.0%	50.0% #EADFE9	RGB 234 223 233	#EADFE9
66.7%	66.7% #EBE3E9	RGB 235 227 233	#EBE3E9
83.3%	83.3% #ECE7EA	RGB 236 231 234	#ECE7EA
100.0%	100.0% #EEECED	RGB 238 236 237	#EEECED

#DFD3E6 #E3D7E7 #E7DBE8 #EADFE9 #EBE3E9 #ECE7EA #EEECED

#DFD3E6 - #EADFE9 - #EEECED

Codici CSS

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

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