#BDB47E - #ECE9DA | 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 #BDB47E a #ECE9DA

#BDB47E #ECE9DA

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

#BDB47E - #ECE9DA | 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 #BDB47E come 0% e #ECE9DA come 100%.

0.0%	0.0% #BDB47E	RGB 189 180 126	#BDB47E
16.7%	16.7% #C4BC8D	RGB 196 188 141	#C4BC8D
33.3%	33.3% #CCC59C	RGB 204 197 156	#CCC59C
50.0%	50.0% #D4CEAC	RGB 212 206 172	#D4CEAC
66.7%	66.7% #DCD7BB	RGB 220 215 187	#DCD7BB
83.3%	83.3% #E4E0CA	RGB 228 224 202	#E4E0CA
100.0%	100.0% #ECE9DA	RGB 236 233 218	#ECE9DA

#BDB47E #C4BC8D #CCC59C #D4CEAC #DCD7BB #E4E0CA #ECE9DA

#BDB47E - #ECE9DA

Miscela HSV

#BDB47E - #ECE9DA | 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 #BDB47E come 0% e #ECE9DA come 100%.

0.0%	0.0% #BDB47E	RGB 189 180 126	#BDB47E
16.7%	16.7% #C4BC8B	RGB 196 188 139	#C4BC8B
33.3%	33.3% #CCC599	RGB 204 197 153	#CCC599
50.0%	50.0% #D4CDA8	RGB 212 205 168	#D4CDA8
66.7%	66.7% #DCD6B8	RGB 220 214 184	#DCD6B8
83.3%	83.3% #E4DFC8	RGB 228 223 200	#E4DFC8
100.0%	100.0% #ECE9DA	RGB 236 233 218	#ECE9DA

#BDB47E #C4BC8B #CCC599 #D4CDA8 #DCD6B8 #E4DFC8 #ECE9DA

#BDB47E - #D4CDA8 - #ECE9DA

Codici CSS

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

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