#BBC1D2 - #EDD4FF | 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 #BBC1D2 to #EDD4FF

#BBC1D2 #EDD4FF

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

#BBC1D2 - #EDD4FF | 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 #BBC1D2 as 0% and #EDD4FF as 100%.

0.0%	0.0% #BBC1D2	RGB 187 193 210	#BBC1D2
16.7%	16.7% #C3C4D9	RGB 195 196 217	#C3C4D9
33.3%	33.3% #CBC7E1	RGB 203 199 225	#CBC7E1
50.0%	50.0% #D4CAE8	RGB 212 202 232	#D4CAE8
66.7%	66.7% #DCCDF0	RGB 220 205 240	#DCCDF0
83.3%	83.3% #E4D0F7	RGB 228 208 247	#E4D0F7
100.0%	100.0% #EDD4FF	RGB 237 212 255	#EDD4FF

#BBC1D2 #C3C4D9 #CBC7E1 #D4CAE8 #DCCDF0 #E4D0F7 #EDD4FF

#BBC1D2 - #EDD4FF

HSV Blend

#BBC1D2 - #EDD4FF | 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 #BBC1D2 as 0% and #EDD4FF as 100%.

0.0%	0.0% #BBC1D2	RGB 187 193 210	#BBC1D2
16.7%	16.7% #BFC2D9	RGB 191 194 217	#BFC2D9
33.3%	33.3% #C4C3E1	RGB 196 195 225	#C4C3E1
50.0%	50.0% #CDC8E8	RGB 205 200 232	#CDC8E8
66.7%	66.7% #D7CCF0	RGB 215 204 240	#D7CCF0
83.3%	83.3% #E1D0F7	RGB 225 208 247	#E1D0F7
100.0%	100.0% #EDD4FF	RGB 237 212 255	#EDD4FF

#BBC1D2 #BFC2D9 #C4C3E1 #CDC8E8 #D7CCF0 #E1D0F7 #EDD4FF

#BBC1D2 - #CDC8E8 - #EDD4FF

CSS codes

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

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