#BCA8BE - #FFDBB6 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #BCA8BE to #FFDBB6

#BCA8BE #FFDBB6

Calculate the color between two colors, #BCA8BE and #FFDBB6. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#BCA8BE - #FFDBB6 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #BCA8BE as 0% and #FFDBB6 as 100%.

0.0%	0.0% #BCA8BE	RGB 188 168 190	#BCA8BE
16.7%	16.7% #C7B0BC	RGB 199 176 188	#C7B0BC
33.3%	33.3% #D2B9BB	RGB 210 185 187	#D2B9BB
50.0%	50.0% #DDC1BA	RGB 221 193 186	#DDC1BA
66.7%	66.7% #E8CAB8	RGB 232 202 184	#E8CAB8
83.3%	83.3% #F3D2B7	RGB 243 210 183	#F3D2B7
100.0%	100.0% #FFDBB6	RGB 255 219 182	#FFDBB6

#BCA8BE #C7B0BC #D2B9BB #DDC1BA #E8CAB8 #F3D2B7 #FFDBB6

#BCA8BE - #FFDBB6

HSV Blend

#BCA8BE - #FFDBB6 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #BCA8BE as 0% and #FFDBB6 as 100%.

0.0%	0.0% #BCA8BE	RGB 188 168 190	#BCA8BE
16.7%	16.7% #C8ABC3	RGB 200 171 195	#C8ABC3
33.3%	33.3% #D3AFC3	RGB 211 175 195	#D3AFC3
50.0%	50.0% #DEB1BE	RGB 222 177 190	#DEB1BE
66.7%	66.7% #E9B3B5	RGB 233 179 181	#E9B3B5
83.3%	83.3% #F4C4B5	RGB 244 196 181	#F4C4B5
100.0%	100.0% #FFDBB6	RGB 255 219 182	#FFDBB6

#BCA8BE #C8ABC3 #D3AFC3 #DEB1BE #E9B3B5 #F4C4B5 #FFDBB6

#BCA8BE - #DEB1BE - #FFDBB6

CSS codes

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

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