#BCB6B7 - #E6C4E7 | 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 #BCB6B7 to #E6C4E7

#BCB6B7 #E6C4E7

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

#BCB6B7 - #E6C4E7 | 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 #BCB6B7 as 0% and #E6C4E7 as 100%.

0.0%	0.0% #BCB6B7	RGB 188 182 183	#BCB6B7
16.7%	16.7% #C3B8BF	RGB 195 184 191	#C3B8BF
33.3%	33.3% #CABAC7	RGB 202 186 199	#CABAC7
50.0%	50.0% #D1BDCF	RGB 209 189 207	#D1BDCF
66.7%	66.7% #D8BFD7	RGB 216 191 215	#D8BFD7
83.3%	83.3% #DFC1DF	RGB 223 193 223	#DFC1DF
100.0%	100.0% #E6C4E7	RGB 230 196 231	#E6C4E7

#BCB6B7 #C3B8BF #CABAC7 #D1BDCF #D8BFD7 #DFC1DF #E6C4E7

#BCB6B7 - #E6C4E7

HSV Blend

#BCB6B7 - #E6C4E7 | 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 #BCB6B7 as 0% and #E6C4E7 as 100%.

0.0%	0.0% #BCB6B7	RGB 188 182 183	#BCB6B7
16.7%	16.7% #C3B9BC	RGB 195 185 188	#C3B9BC
33.3%	33.3% #CABBC2	RGB 202 187 194	#CABBC2
50.0%	50.0% #D1BEC9	RGB 209 190 201	#D1BEC9
66.7%	66.7% #D8C0D2	RGB 216 192 210	#D8C0D2
83.3%	83.3% #DFC2DC	RGB 223 194 220	#DFC2DC
100.0%	100.0% #E6C4E7	RGB 230 196 231	#E6C4E7

#BCB6B7 #C3B9BC #CABBC2 #D1BEC9 #D8C0D2 #DFC2DC #E6C4E7

#BCB6B7 - #D1BEC9 - #E6C4E7

CSS codes

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

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