#ECE9C8 - #C3C25B | 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 #ECE9C8 a #C3C25B

#ECE9C8 #C3C25B

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

#ECE9C8 - #C3C25B | 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 #ECE9C8 come 0% e #C3C25B come 100%.

0.0%	0.0% #ECE9C8	RGB 236 233 200	#ECE9C8
16.7%	16.7% #E5E2B5	RGB 229 226 181	#E5E2B5
33.3%	33.3% #DEDCA3	RGB 222 220 163	#DEDCA3
50.0%	50.0% #D7D591	RGB 215 213 145	#D7D591
66.7%	66.7% #D0CF7F	RGB 208 207 127	#D0CF7F
83.3%	83.3% #C9C86D	RGB 201 200 109	#C9C86D
100.0%	100.0% #C3C25B	RGB 195 194 91	#C3C25B

#ECE9C8 #E5E2B5 #DEDCA3 #D7D591 #D0CF7F #C9C86D #C3C25B

#ECE9C8 - #C3C25B

Miscela HSV

#ECE9C8 - #C3C25B | 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 #ECE9C8 come 0% e #C3C25B come 100%.

0.0%	0.0% #ECE9C8	RGB 236 233 200	#ECE9C8
16.7%	16.7% #E5E1B3	RGB 229 225 179	#E5E1B3
33.3%	33.3% #DEDAA0	RGB 222 218 160	#DEDAA0
50.0%	50.0% #D7D48D	RGB 215 212 141	#D7D48D
66.7%	66.7% #D0CD7B	RGB 208 205 123	#D0CD7B
83.3%	83.3% #C9C76A	RGB 201 199 106	#C9C76A
100.0%	100.0% #C3C25B	RGB 195 194 91	#C3C25B

#ECE9C8 #E5E1B3 #DEDAA0 #D7D48D #D0CD7B #C9C76A #C3C25B

#ECE9C8 - #D7D48D - #C3C25B

Codici CSS

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

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