#E4DAD4 - #413E3C | 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 #E4DAD4 a #413E3C

#E4DAD4 #413E3C

Calcola il colore tra due colori, #E4DAD4 e #413E3C. 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)

#E4DAD4 - #413E3C | 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 #E4DAD4 come 0% e #413E3C come 100%.

0.0%	0.0% #E4DAD4	RGB 228 218 212	#E4DAD4
16.7%	16.7% #C8C0BA	RGB 200 192 186	#C8C0BA
33.3%	33.3% #ADA6A1	RGB 173 166 161	#ADA6A1
50.0%	50.0% #928C88	RGB 146 140 136	#928C88
66.7%	66.7% #77726E	RGB 119 114 110	#77726E
83.3%	83.3% #5C5855	RGB 92 88 85	#5C5855
100.0%	100.0% #413E3C	RGB 65 62 60	#413E3C

#E4DAD4 #C8C0BA #ADA6A1 #928C88 #77726E #5C5855 #413E3C

#E4DAD4 - #413E3C

Miscela HSV

#E4DAD4 - #413E3C | 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 #E4DAD4 come 0% e #413E3C come 100%.

0.0%	0.0% #E4DAD4	RGB 228 218 212	#E4DAD4
16.7%	16.7% #C8BFBA	RGB 200 191 186	#C8BFBA
33.3%	33.3% #ADA5A1	RGB 173 165 161	#ADA5A1
50.0%	50.0% #928B87	RGB 146 139 135	#928B87
66.7%	66.7% #77716E	RGB 119 113 110	#77716E
83.3%	83.3% #5C5755	RGB 92 87 85	#5C5755
100.0%	100.0% #413E3C	RGB 65 62 60	#413E3C

#E4DAD4 #C8BFBA #ADA5A1 #928B87 #77716E #5C5755 #413E3C

#E4DAD4 - #928B87 - #413E3C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E4DAD4 0%, #928B87 50%, #413E3C 100%);
    background: -webkit-linear-gradient(top, #E4DAD4 0%, #928B87 50%, #413E3C 100%);
    background: linear-gradient(to bottom, #E4DAD4 0%, #928B87 50%, #413E3C 100%);
}
</style>