#BDB6B5 - #FFEACE | 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 #BDB6B5 a #FFEACE

#BDB6B5 #FFEACE

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

#BDB6B5 - #FFEACE | 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 #BDB6B5 come 0% e #FFEACE come 100%.

0.0%	0.0% #BDB6B5	RGB 189 182 181	#BDB6B5
16.7%	16.7% #C8BEB9	RGB 200 190 185	#C8BEB9
33.3%	33.3% #D3C7BD	RGB 211 199 189	#D3C7BD
50.0%	50.0% #DED0C1	RGB 222 208 193	#DED0C1
66.7%	66.7% #E9D8C5	RGB 233 216 197	#E9D8C5
83.3%	83.3% #F4E1C9	RGB 244 225 201	#F4E1C9
100.0%	100.0% #FFEACE	RGB 255 234 206	#FFEACE

#BDB6B5 #C8BEB9 #D3C7BD #DED0C1 #E9D8C5 #F4E1C9 #FFEACE

#BDB6B5 - #FFEACE

Miscela HSV

#BDB6B5 - #FFEACE | 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 #BDB6B5 come 0% e #FFEACE come 100%.

0.0%	0.0% #BDB6B5	RGB 189 182 181	#BDB6B5
16.7%	16.7% #C8BDBA	RGB 200 189 186	#C8BDBA
33.3%	33.3% #D3C4BF	RGB 211 196 191	#D3C4BF
50.0%	50.0% #DECDC3	RGB 222 205 195	#DECDC3
66.7%	66.7% #E9D5C7	RGB 233 213 199	#E9D5C7
83.3%	83.3% #F4DFCB	RGB 244 223 203	#F4DFCB
100.0%	100.0% #FFEACE	RGB 255 234 206	#FFEACE

#BDB6B5 #C8BDBA #D3C4BF #DECDC3 #E9D5C7 #F4DFCB #FFEACE

#BDB6B5 - #DECDC3 - #FFEACE

Codici CSS

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

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