#BFB8D9 - #ECEAF4 | 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 #BFB8D9 to #ECEAF4

#BFB8D9 #ECEAF4

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

#BFB8D9 - #ECEAF4 | 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 #BFB8D9 as 0% and #ECEAF4 as 100%.

0.0%	0.0% #BFB8D9	RGB 191 184 217	#BFB8D9
16.7%	16.7% #C6C0DD	RGB 198 192 221	#C6C0DD
33.3%	33.3% #CEC8E2	RGB 206 200 226	#CEC8E2
50.0%	50.0% #D5D1E6	RGB 213 209 230	#D5D1E6
66.7%	66.7% #DDD9EB	RGB 221 217 235	#DDD9EB
83.3%	83.3% #E4E1EF	RGB 228 225 239	#E4E1EF
100.0%	100.0% #ECEAF4	RGB 236 234 244	#ECEAF4

#BFB8D9 #C6C0DD #CEC8E2 #D5D1E6 #DDD9EB #E4E1EF #ECEAF4

#BFB8D9 - #ECEAF4

HSV Blend

#BFB8D9 - #ECEAF4 | 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 #BFB8D9 as 0% and #ECEAF4 as 100%.

0.0%	0.0% #BFB8D9	RGB 191 184 217	#BFB8D9
16.7%	16.7% #C6BFDD	RGB 198 191 221	#C6BFDD
33.3%	33.3% #CDC8E2	RGB 205 200 226	#CDC8E2
50.0%	50.0% #D4D0E6	RGB 212 208 230	#D4D0E6
66.7%	66.7% #DCD8EB	RGB 220 216 235	#DCD8EB
83.3%	83.3% #E4E1EF	RGB 228 225 239	#E4E1EF
100.0%	100.0% #ECEAF4	RGB 236 234 244	#ECEAF4

#BFB8D9 #C6BFDD #CDC8E2 #D4D0E6 #DCD8EB #E4E1EF #ECEAF4

#BFB8D9 - #D4D0E6 - #ECEAF4

CSS codes

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

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