#B8C8BC - #E6C5FF | 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 #B8C8BC to #E6C5FF

#B8C8BC #E6C5FF

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

#B8C8BC - #E6C5FF | 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 #B8C8BC as 0% and #E6C5FF as 100%.

0.0%	0.0% #B8C8BC	RGB 184 200 188	#B8C8BC
16.7%	16.7% #BFC7C7	RGB 191 199 199	#BFC7C7
33.3%	33.3% #C7C7D2	RGB 199 199 210	#C7C7D2
50.0%	50.0% #CFC6DD	RGB 207 198 221	#CFC6DD
66.7%	66.7% #D6C6E8	RGB 214 198 232	#D6C6E8
83.3%	83.3% #DEC5F3	RGB 222 197 243	#DEC5F3
100.0%	100.0% #E6C5FF	RGB 230 197 255	#E6C5FF

#B8C8BC #BFC7C7 #C7C7D2 #CFC6DD #D6C6E8 #DEC5F3 #E6C5FF

#B8C8BC - #E6C5FF

HSV Blend

#B8C8BC - #E6C5FF | 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 #B8C8BC as 0% and #E6C5FF as 100%.

0.0%	0.0% #B8C8BC	RGB 184 200 188	#B8C8BC
16.7%	16.7% #BBD1C9	RGB 187 209 201	#BBD1C9
33.3%	33.3% #BED9DA	RGB 190 217 218	#BED9DA
50.0%	50.0% #C0D5E3	RGB 192 213 227	#C0D5E3
66.7%	66.7% #C2CBEC	RGB 194 203 236	#C2CBEC
83.3%	83.3% #CDC3F5	RGB 205 195 245	#CDC3F5
100.0%	100.0% #E6C5FF	RGB 230 197 255	#E6C5FF

#B8C8BC #BBD1C9 #BED9DA #C0D5E3 #C2CBEC #CDC3F5 #E6C5FF

#B8C8BC - #C0D5E3 - #E6C5FF

CSS codes

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

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