#ECE4E3 - #BDA49E | 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 #ECE4E3 a #BDA49E

#ECE4E3 #BDA49E

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

#ECE4E3 - #BDA49E | 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 #ECE4E3 come 0% e #BDA49E come 100%.

0.0%	0.0% #ECE4E3	RGB 236 228 227	#ECE4E3
16.7%	16.7% #E4D9D7	RGB 228 217 215	#E4D9D7
33.3%	33.3% #DCCECC	RGB 220 206 204	#DCCECC
50.0%	50.0% #D4C4C0	RGB 212 196 192	#D4C4C0
66.7%	66.7% #CCB9B5	RGB 204 185 181	#CCB9B5
83.3%	83.3% #C4AEA9	RGB 196 174 169	#C4AEA9
100.0%	100.0% #BDA49E	RGB 189 164 158	#BDA49E

#ECE4E3 #E4D9D7 #DCCECC #D4C4C0 #CCB9B5 #C4AEA9 #BDA49E

#ECE4E3 - #BDA49E

Miscela HSV

#ECE4E3 - #BDA49E | 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 #ECE4E3 come 0% e #BDA49E come 100%.

0.0%	0.0% #ECE4E3	RGB 236 228 227	#ECE4E3
16.7%	16.7% #E4D8D6	RGB 228 216 214	#E4D8D6
33.3%	33.3% #DCCDCA	RGB 220 205 202	#DCCDCA
50.0%	50.0% #D4C2BF	RGB 212 194 191	#D4C2BF
66.7%	66.7% #CCB7B3	RGB 204 183 179	#CCB7B3
83.3%	83.3% #C4ADA8	RGB 196 173 168	#C4ADA8
100.0%	100.0% #BDA49E	RGB 189 164 158	#BDA49E

#ECE4E3 #E4D8D6 #DCCDCA #D4C2BF #CCB7B3 #C4ADA8 #BDA49E

#ECE4E3 - #D4C2BF - #BDA49E

Codici CSS

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

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