#E3E2D5 - #3F403C | 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 #E3E2D5 a #3F403C

#E3E2D5 #3F403C

Calcola il colore tra due colori, #E3E2D5 e #3F403C. 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)

#E3E2D5 - #3F403C | 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 #E3E2D5 come 0% e #3F403C come 100%.

0.0%	0.0% #E3E2D5	RGB 227 226 213	#E3E2D5
16.7%	16.7% #C7C7BB	RGB 199 199 187	#C7C7BB
33.3%	33.3% #ACACA2	RGB 172 172 162	#ACACA2
50.0%	50.0% #919188	RGB 145 145 136	#919188
66.7%	66.7% #75766F	RGB 117 118 111	#75766F
83.3%	83.3% #5A5B55	RGB 90 91 85	#5A5B55
100.0%	100.0% #3F403C	RGB 63 64 60	#3F403C

#E3E2D5 #C7C7BB #ACACA2 #919188 #75766F #5A5B55 #3F403C

#E3E2D5 - #3F403C

Miscela HSV

#E3E2D5 - #3F403C | 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 #E3E2D5 come 0% e #3F403C come 100%.

0.0%	0.0% #E3E2D5	RGB 227 226 213	#E3E2D5
16.7%	16.7% #C7C7BB	RGB 199 199 187	#C7C7BB
33.3%	33.3% #ACACA1	RGB 172 172 161	#ACACA1
50.0%	50.0% #909188	RGB 144 145 136	#909188
66.7%	66.7% #75766E	RGB 117 118 110	#75766E
83.3%	83.3% #5A5B55	RGB 90 91 85	#5A5B55
100.0%	100.0% #3F403C	RGB 63 64 60	#3F403C

#E3E2D5 #C7C7BB #ACACA1 #909188 #75766E #5A5B55 #3F403C

#E3E2D5 - #909188 - #3F403C

Codici CSS

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

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