#BCBCBF - #EED2FF | 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 #BCBCBF to #EED2FF

#BCBCBF #EED2FF

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

#BCBCBF - #EED2FF | 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 #BCBCBF as 0% and #EED2FF as 100%.

0.0%	0.0% #BCBCBF	RGB 188 188 191	#BCBCBF
16.7%	16.7% #C4BFC9	RGB 196 191 201	#C4BFC9
33.3%	33.3% #CCC3D4	RGB 204 195 212	#CCC3D4
50.0%	50.0% #D5C7DF	RGB 213 199 223	#D5C7DF
66.7%	66.7% #DDCAE9	RGB 221 202 233	#DDCAE9
83.3%	83.3% #E5CEF4	RGB 229 206 244	#E5CEF4
100.0%	100.0% #EED2FF	RGB 238 210 255	#EED2FF

#BCBCBF #C4BFC9 #CCC3D4 #D5C7DF #DDCAE9 #E5CEF4 #EED2FF

#BCBCBF - #EED2FF

HSV Blend

#BCBCBF - #EED2FF | 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 #BCBCBF as 0% and #EED2FF as 100%.

0.0%	0.0% #BCBCBF	RGB 188 188 191	#BCBCBF
16.7%	16.7% #C1C1C9	RGB 193 193 201	#C1C1C9
33.3%	33.3% #C8C5D4	RGB 200 197 212	#C8C5D4
50.0%	50.0% #D0C9DF	RGB 208 201 223	#D0C9DF
66.7%	66.7% #D8CCE9	RGB 216 204 233	#D8CCE9
83.3%	83.3% #E2CFF4	RGB 226 207 244	#E2CFF4
100.0%	100.0% #EED2FF	RGB 238 210 255	#EED2FF

#BCBCBF #C1C1C9 #C8C5D4 #D0C9DF #D8CCE9 #E2CFF4 #EED2FF

#BCBCBF - #D0C9DF - #EED2FF

CSS codes

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

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