#B7B8CD - #E9C9FF | 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 #B7B8CD to #E9C9FF

#B7B8CD #E9C9FF

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

#B7B8CD - #E9C9FF | 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 #B7B8CD as 0% and #E9C9FF as 100%.

0.0%	0.0% #B7B8CD	RGB 183 184 205	#B7B8CD
16.7%	16.7% #BFBAD5	RGB 191 186 213	#BFBAD5
33.3%	33.3% #C7BDDD	RGB 199 189 221	#C7BDDD
50.0%	50.0% #D0C0E6	RGB 208 192 230	#D0C0E6
66.7%	66.7% #D8C3EE	RGB 216 195 238	#D8C3EE
83.3%	83.3% #E0C6F6	RGB 224 198 246	#E0C6F6
100.0%	100.0% #E9C9FF	RGB 233 201 255	#E9C9FF

#B7B8CD #BFBAD5 #C7BDDD #D0C0E6 #D8C3EE #E0C6F6 #E9C9FF

#B7B8CD - #E9C9FF

HSV Blend

#B7B8CD - #E9C9FF | 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 #B7B8CD as 0% and #E9C9FF as 100%.

0.0%	0.0% #B7B8CD	RGB 183 184 205	#B7B8CD
16.7%	16.7% #BCBAD5	RGB 188 186 213	#BCBAD5
33.3%	33.3% #C3BEDD	RGB 195 190 221	#C3BEDD
50.0%	50.0% #CBC1E6	RGB 203 193 230	#CBC1E6
66.7%	66.7% #D4C4EE	RGB 212 196 238	#D4C4EE
83.3%	83.3% #DEC6F6	RGB 222 198 246	#DEC6F6
100.0%	100.0% #E9C9FF	RGB 233 201 255	#E9C9FF

#B7B8CD #BCBAD5 #C3BEDD #CBC1E6 #D4C4EE #DEC6F6 #E9C9FF

#B7B8CD - #CBC1E6 - #E9C9FF

CSS codes

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

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