#ECE1D5 - #FCFEEE | 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 #ECE1D5 a #FCFEEE

#ECE1D5 #FCFEEE

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

#ECE1D5 - #FCFEEE | 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 #ECE1D5 come 0% e #FCFEEE come 100%.

0.0%	0.0% #ECE1D5	RGB 236 225 213	#ECE1D5
16.7%	16.7% #EEE5D9	RGB 238 229 217	#EEE5D9
33.3%	33.3% #F1EADD	RGB 241 234 221	#F1EADD
50.0%	50.0% #F4EFE1	RGB 244 239 225	#F4EFE1
66.7%	66.7% #F6F4E5	RGB 246 244 229	#F6F4E5
83.3%	83.3% #F9F9E9	RGB 249 249 233	#F9F9E9
100.0%	100.0% #FCFEEE	RGB 252 254 238	#FCFEEE

#ECE1D5 #EEE5D9 #F1EADD #F4EFE1 #F6F4E5 #F9F9E9 #FCFEEE

#ECE1D5 - #FCFEEE

Miscela HSV

#ECE1D5 - #FCFEEE | 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 #ECE1D5 come 0% e #FCFEEE come 100%.

0.0%	0.0% #ECE1D5	RGB 236 225 213	#ECE1D5
16.7%	16.7% #EFE6D9	RGB 239 230 217	#EFE6D9
33.3%	33.3% #F2ECDD	RGB 242 236 221	#F2ECDD
50.0%	50.0% #F5F1E1	RGB 245 241 225	#F5F1E1
66.7%	66.7% #F8F6E5	RGB 248 246 229	#F8F6E5
83.3%	83.3% #FAFBE9	RGB 250 251 233	#FAFBE9
100.0%	100.0% #FCFEEE	RGB 252 254 238	#FCFEEE

#ECE1D5 #EFE6D9 #F2ECDD #F5F1E1 #F8F6E5 #FAFBE9 #FCFEEE

#ECE1D5 - #F5F1E1 - #FCFEEE

Codici CSS

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

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