#ECEDC7 - #EEFAE5 | 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 #ECEDC7 a #EEFAE5

#ECEDC7 #EEFAE5

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

#ECEDC7 - #EEFAE5 | 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 #ECEDC7 come 0% e #EEFAE5 come 100%.

0.0%	0.0% #ECEDC7	RGB 236 237 199	#ECEDC7
16.7%	16.7% #ECEFCC	RGB 236 239 204	#ECEFCC
33.3%	33.3% #ECF1D1	RGB 236 241 209	#ECF1D1
50.0%	50.0% #EDF3D6	RGB 237 243 214	#EDF3D6
66.7%	66.7% #EDF5DB	RGB 237 245 219	#EDF5DB
83.3%	83.3% #EDF7E0	RGB 237 247 224	#EDF7E0
100.0%	100.0% #EEFAE5	RGB 238 250 229	#EEFAE5

#ECEDC7 #ECEFCC #ECF1D1 #EDF3D6 #EDF5DB #EDF7E0 #EEFAE5

#ECEDC7 - #EEFAE5

Miscela HSV

#ECEDC7 - #EEFAE5 | 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 #ECEDC7 come 0% e #EEFAE5 come 100%.

0.0%	0.0% #ECEDC7	RGB 236 237 199	#ECEDC7
16.7%	16.7% #EBEFCB	RGB 235 239 203	#EBEFCB
33.3%	33.3% #EAF1D0	RGB 234 241 208	#EAF1D0
50.0%	50.0% #EAF3D5	RGB 234 243 213	#EAF3D5
66.7%	66.7% #EBF5DA	RGB 235 245 218	#EBF5DA
83.3%	83.3% #ECF7DF	RGB 236 247 223	#ECF7DF
100.0%	100.0% #EEFAE5	RGB 238 250 229	#EEFAE5

#ECEDC7 #EBEFCB #EAF1D0 #EAF3D5 #EBF5DA #ECF7DF #EEFAE5

#ECEDC7 - #EAF3D5 - #EEFAE5

Codici CSS

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

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