#ECE8EA - #FAF7E6 | 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 #ECE8EA a #FAF7E6

#ECE8EA #FAF7E6

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

#ECE8EA - #FAF7E6 | 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 #ECE8EA come 0% e #FAF7E6 come 100%.

0.0%	0.0% #ECE8EA	RGB 236 232 234	#ECE8EA
16.7%	16.7% #EEEAE9	RGB 238 234 233	#EEEAE9
33.3%	33.3% #F0EDE8	RGB 240 237 232	#F0EDE8
50.0%	50.0% #F3EFE8	RGB 243 239 232	#F3EFE8
66.7%	66.7% #F5F2E7	RGB 245 242 231	#F5F2E7
83.3%	83.3% #F7F4E6	RGB 247 244 230	#F7F4E6
100.0%	100.0% #FAF7E6	RGB 250 247 230	#FAF7E6

#ECE8EA #EEEAE9 #F0EDE8 #F3EFE8 #F5F2E7 #F7F4E6 #FAF7E6

#ECE8EA - #FAF7E6

Miscela HSV

#ECE8EA - #FAF7E6 | 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 #ECE8EA come 0% e #FAF7E6 come 100%.

0.0%	0.0% #ECE8EA	RGB 236 232 234	#ECE8EA
16.7%	16.7% #EEE7E9	RGB 238 231 233	#EEE7E9
33.3%	33.3% #F0E7E7	RGB 240 231 231	#F0E7E7
50.0%	50.0% #F3E9E7	RGB 243 233 231	#F3E9E7
66.7%	66.7% #F5ECE6	RGB 245 236 230	#F5ECE6
83.3%	83.3% #F7F1E6	RGB 247 241 230	#F7F1E6
100.0%	100.0% #FAF7E6	RGB 250 247 230	#FAF7E6

#ECE8EA #EEE7E9 #F0E7E7 #F3E9E7 #F5ECE6 #F7F1E6 #FAF7E6

#ECE8EA - #F3E9E7 - #FAF7E6

Codici CSS

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

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