#ECE7E2 - #434240 | 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 #ECE7E2 a #434240

#ECE7E2 #434240

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

#ECE7E2 - #434240 | 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 #ECE7E2 come 0% e #434240 come 100%.

0.0%	0.0% #ECE7E2	RGB 236 231 226	#ECE7E2
16.7%	16.7% #CFCBC7	RGB 207 203 199	#CFCBC7
33.3%	33.3% #B3B0AC	RGB 179 176 172	#B3B0AC
50.0%	50.0% #979491	RGB 151 148 145	#979491
66.7%	66.7% #7B7976	RGB 123 121 118	#7B7976
83.3%	83.3% #5F5D5B	RGB 95 93 91	#5F5D5B
100.0%	100.0% #434240	RGB 67 66 64	#434240

#ECE7E2 #CFCBC7 #B3B0AC #979491 #7B7976 #5F5D5B #434240

#ECE7E2 - #434240

Miscela HSV

#ECE7E2 - #434240 | 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 #ECE7E2 come 0% e #434240 come 100%.

0.0%	0.0% #ECE7E2	RGB 236 231 226	#ECE7E2
16.7%	16.7% #CFCBC6	RGB 207 203 198	#CFCBC6
33.3%	33.3% #B3B0AB	RGB 179 176 171	#B3B0AB
50.0%	50.0% #979490	RGB 151 148 144	#979490
66.7%	66.7% #7B7975	RGB 123 121 117	#7B7975
83.3%	83.3% #5F5D5A	RGB 95 93 90	#5F5D5A
100.0%	100.0% #434240	RGB 67 66 64	#434240

#ECE7E2 #CFCBC6 #B3B0AB #979490 #7B7975 #5F5D5A #434240

#ECE7E2 - #979490 - #434240

Codici CSS

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

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