#ECEEC5 - #EEFAE4 | 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 #ECEEC5 a #EEFAE4

#ECEEC5 #EEFAE4

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

#ECEEC5 - #EEFAE4 | 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 #ECEEC5 come 0% e #EEFAE4 come 100%.

0.0%	0.0% #ECEEC5	RGB 236 238 197	#ECEEC5
16.7%	16.7% #ECF0CA	RGB 236 240 202	#ECF0CA
33.3%	33.3% #ECF2CF	RGB 236 242 207	#ECF2CF
50.0%	50.0% #EDF4D4	RGB 237 244 212	#EDF4D4
66.7%	66.7% #EDF6D9	RGB 237 246 217	#EDF6D9
83.3%	83.3% #EDF8DE	RGB 237 248 222	#EDF8DE
100.0%	100.0% #EEFAE4	RGB 238 250 228	#EEFAE4

#ECEEC5 #ECF0CA #ECF2CF #EDF4D4 #EDF6D9 #EDF8DE #EEFAE4

#ECEEC5 - #EEFAE4

Miscela HSV

#ECEEC5 - #EEFAE4 | 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 #ECEEC5 come 0% e #EEFAE4 come 100%.

0.0%	0.0% #ECEEC5	RGB 236 238 197	#ECEEC5
16.7%	16.7% #EBF0CA	RGB 235 240 202	#EBF0CA
33.3%	33.3% #EAF2CF	RGB 234 242 207	#EAF2CF
50.0%	50.0% #EAF4D4	RGB 234 244 212	#EAF4D4
66.7%	66.7% #EBF6D9	RGB 235 246 217	#EBF6D9
83.3%	83.3% #ECF8DE	RGB 236 248 222	#ECF8DE
100.0%	100.0% #EEFAE4	RGB 238 250 228	#EEFAE4

#ECEEC5 #EBF0CA #EAF2CF #EAF4D4 #EBF6D9 #ECF8DE #EEFAE4

#ECEEC5 - #EAF4D4 - #EEFAE4

Codici CSS

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

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