#BCB8C0 - #FFD3F6 | 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 #BCB8C0 to #FFD3F6

#BCB8C0 #FFD3F6

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

#BCB8C0 - #FFD3F6 | 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 #BCB8C0 as 0% and #FFD3F6 as 100%.

0.0%	0.0% #BCB8C0	RGB 188 184 192	#BCB8C0
16.7%	16.7% #C7BCC9	RGB 199 188 201	#C7BCC9
33.3%	33.3% #D2C1D2	RGB 210 193 210	#D2C1D2
50.0%	50.0% #DDC5DB	RGB 221 197 219	#DDC5DB
66.7%	66.7% #E8CAE4	RGB 232 202 228	#E8CAE4
83.3%	83.3% #F3CEED	RGB 243 206 237	#F3CEED
100.0%	100.0% #FFD3F6	RGB 255 211 246	#FFD3F6

#BCB8C0 #C7BCC9 #D2C1D2 #DDC5DB #E8CAE4 #F3CEED #FFD3F6

#BCB8C0 - #FFD3F6

HSV Blend

#BCB8C0 - #FFD3F6 | 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 #BCB8C0 as 0% and #FFD3F6 as 100%.

0.0%	0.0% #BCB8C0	RGB 188 184 192	#BCB8C0
16.7%	16.7% #C5BDCA	RGB 197 189 202	#C5BDCA
33.3%	33.3% #D0C2D5	RGB 208 194 213	#D0C2D5
50.0%	50.0% #DBC7DF	RGB 219 199 223	#DBC7DF
66.7%	66.7% #E9CBEA	RGB 233 203 234	#E9CBEA
83.3%	83.3% #F4CFF1	RGB 244 207 241	#F4CFF1
100.0%	100.0% #FFD3F6	RGB 255 211 246	#FFD3F6

#BCB8C0 #C5BDCA #D0C2D5 #DBC7DF #E9CBEA #F4CFF1 #FFD3F6

#BCB8C0 - #DBC7DF - #FFD3F6

CSS codes

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

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