#BC8F9F - #EBDFE3 | 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 #BC8F9F to #EBDFE3

#BC8F9F #EBDFE3

Calculate the color between two colors, #BC8F9F and #EBDFE3. 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)

#BC8F9F - #EBDFE3 | 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 #BC8F9F as 0% and #EBDFE3 as 100%.

0.0%	0.0% #BC8F9F	RGB 188 143 159	#BC8F9F
16.7%	16.7% #C39CAA	RGB 195 156 170	#C39CAA
33.3%	33.3% #CBA9B5	RGB 203 169 181	#CBA9B5
50.0%	50.0% #D3B7C1	RGB 211 183 193	#D3B7C1
66.7%	66.7% #DBC4CC	RGB 219 196 204	#DBC4CC
83.3%	83.3% #E3D1D7	RGB 227 209 215	#E3D1D7
100.0%	100.0% #EBDFE3	RGB 235 223 227	#EBDFE3

#BC8F9F #C39CAA #CBA9B5 #D3B7C1 #DBC4CC #E3D1D7 #EBDFE3

#BC8F9F - #EBDFE3

HSV Blend

#BC8F9F - #EBDFE3 | 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 #BC8F9F as 0% and #EBDFE3 as 100%.

0.0%	0.0% #BC8F9F	RGB 188 143 159	#BC8F9F
16.7%	16.7% #C39BA9	RGB 195 155 169	#C39BA9
33.3%	33.3% #CBA7B4	RGB 203 167 180	#CBA7B4
50.0%	50.0% #D3B4BF	RGB 211 180 191	#D3B4BF
66.7%	66.7% #DBC2CA	RGB 219 194 202	#DBC2CA
83.3%	83.3% #E3D0D6	RGB 227 208 214	#E3D0D6
100.0%	100.0% #EBDFE3	RGB 235 223 227	#EBDFE3

#BC8F9F #C39BA9 #CBA7B4 #D3B4BF #DBC2CA #E3D0D6 #EBDFE3

#BC8F9F - #D3B4BF - #EBDFE3

CSS codes

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

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