#E3E2D4 - #BDB185 | 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 #E3E2D4 a #BDB185

#E3E2D4 #BDB185

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

#E3E2D4 - #BDB185 | 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 #E3E2D4 come 0% e #BDB185 come 100%.

0.0%	0.0% #E3E2D4	RGB 227 226 212	#E3E2D4
16.7%	16.7% #DCD9C6	RGB 220 217 198	#DCD9C6
33.3%	33.3% #D6D1B9	RGB 214 209 185	#D6D1B9
50.0%	50.0% #D0C9AC	RGB 208 201 172	#D0C9AC
66.7%	66.7% #C9C19F	RGB 201 193 159	#C9C19F
83.3%	83.3% #C3B992	RGB 195 185 146	#C3B992
100.0%	100.0% #BDB185	RGB 189 177 133	#BDB185

#E3E2D4 #DCD9C6 #D6D1B9 #D0C9AC #C9C19F #C3B992 #BDB185

#E3E2D4 - #BDB185

Miscela HSV

#E3E2D4 - #BDB185 | 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 #E3E2D4 come 0% e #BDB185 come 100%.

0.0%	0.0% #E3E2D4	RGB 227 226 212	#E3E2D4
16.7%	16.7% #DCDAC5	RGB 220 218 197	#DCDAC5
33.3%	33.3% #D6D2B7	RGB 214 210 183	#D6D2B7
50.0%	50.0% #D0CAAA	RGB 208 202 170	#D0CAAA
66.7%	66.7% #C9C29D	RGB 201 194 157	#C9C29D
83.3%	83.3% #C3B990	RGB 195 185 144	#C3B990
100.0%	100.0% #BDB185	RGB 189 177 133	#BDB185

#E3E2D4 #DCDAC5 #D6D2B7 #D0CAAA #C9C29D #C3B990 #BDB185

#E3E2D4 - #D0CAAA - #BDB185

Codici CSS

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

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