#ECDAC8 - #C29F5E | 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 #ECDAC8 a #C29F5E

#ECDAC8 #C29F5E

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

#ECDAC8 - #C29F5E | 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 #ECDAC8 come 0% e #C29F5E come 100%.

0.0%	0.0% #ECDAC8	RGB 236 218 200	#ECDAC8
16.7%	16.7% #E5D0B6	RGB 229 208 182	#E5D0B6
33.3%	33.3% #DEC6A4	RGB 222 198 164	#DEC6A4
50.0%	50.0% #D7BC93	RGB 215 188 147	#D7BC93
66.7%	66.7% #D0B281	RGB 208 178 129	#D0B281
83.3%	83.3% #C9A86F	RGB 201 168 111	#C9A86F
100.0%	100.0% #C29F5E	RGB 194 159 94	#C29F5E

#ECDAC8 #E5D0B6 #DEC6A4 #D7BC93 #D0B281 #C9A86F #C29F5E

#ECDAC8 - #C29F5E

Miscela HSV

#ECDAC8 - #C29F5E | 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 #ECDAC8 come 0% e #C29F5E come 100%.

0.0%	0.0% #ECDAC8	RGB 236 218 200	#ECDAC8
16.7%	16.7% #E5CDB4	RGB 229 205 180	#E5CDB4
33.3%	33.3% #DEC2A1	RGB 222 194 161	#DEC2A1
50.0%	50.0% #D7B88F	RGB 215 184 143	#D7B88F
66.7%	66.7% #D0AF7D	RGB 208 175 125	#D0AF7D
83.3%	83.3% #C9A66D	RGB 201 166 109	#C9A66D
100.0%	100.0% #C29F5E	RGB 194 159 94	#C29F5E

#ECDAC8 #E5CDB4 #DEC2A1 #D7B88F #D0AF7D #C9A66D #C29F5E

#ECDAC8 - #D7B88F - #C29F5E

Codici CSS

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

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