#BDB5E6 - #EBECE5 | 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 #BDB5E6 to #EBECE5

#BDB5E6 #EBECE5

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

#BDB5E6 - #EBECE5 | 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 #BDB5E6 as 0% and #EBECE5 as 100%.

0.0%	0.0% #BDB5E6	RGB 189 181 230	#BDB5E6
16.7%	16.7% #C4BEE5	RGB 196 190 229	#C4BEE5
33.3%	33.3% #CCC7E5	RGB 204 199 229	#CCC7E5
50.0%	50.0% #D4D0E5	RGB 212 208 229	#D4D0E5
66.7%	66.7% #DBD9E5	RGB 219 217 229	#DBD9E5
83.3%	83.3% #E3E2E5	RGB 227 226 229	#E3E2E5
100.0%	100.0% #EBECE5	RGB 235 236 229	#EBECE5

#BDB5E6 #C4BEE5 #CCC7E5 #D4D0E5 #DBD9E5 #E3E2E5 #EBECE5

#BDB5E6 - #EBECE5

HSV Blend

#BDB5E6 - #EBECE5 | 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 #BDB5E6 as 0% and #EBECE5 as 100%.

0.0%	0.0% #BDB5E6	RGB 189 181 230	#BDB5E6
16.7%	16.7% #D8BCE7	RGB 216 188 231	#D8BCE7
33.3%	33.3% #E8C4E2	RGB 232 196 226	#E8C4E2
50.0%	50.0% #E9CCD6	RGB 233 204 214	#E9CCD6
66.7%	66.7% #EAD7D4	RGB 234 215 212	#EAD7D4
83.3%	83.3% #EBE5DC	RGB 235 229 220	#EBE5DC
100.0%	100.0% #EBECE5	RGB 235 236 229	#EBECE5

#BDB5E6 #D8BCE7 #E8C4E2 #E9CCD6 #EAD7D4 #EBE5DC #EBECE5

#BDB5E6 - #E9CCD6 - #EBECE5

CSS codes

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

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