#BFB3C9 - #FFE3C3 | 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 #BFB3C9 to #FFE3C3

#BFB3C9 #FFE3C3

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

#BFB3C9 - #FFE3C3 | 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 #BFB3C9 as 0% and #FFE3C3 as 100%.

0.0%	0.0% #BFB3C9	RGB 191 179 201	#BFB3C9
16.7%	16.7% #C9BBC8	RGB 201 187 200	#C9BBC8
33.3%	33.3% #D4C3C7	RGB 212 195 199	#D4C3C7
50.0%	50.0% #DFCBC6	RGB 223 203 198	#DFCBC6
66.7%	66.7% #E9D3C5	RGB 233 211 197	#E9D3C5
83.3%	83.3% #F4DBC4	RGB 244 219 196	#F4DBC4
100.0%	100.0% #FFE3C3	RGB 255 227 195	#FFE3C3

#BFB3C9 #C9BBC8 #D4C3C7 #DFCBC6 #E9D3C5 #F4DBC4 #FFE3C3

#BFB3C9 - #FFE3C3

HSV Blend

#BFB3C9 - #FFE3C3 | 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 #BFB3C9 as 0% and #FFE3C3 as 100%.

0.0%	0.0% #BFB3C9	RGB 191 179 201	#BFB3C9
16.7%	16.7% #CEB6D2	RGB 206 182 210	#CEB6D2
33.3%	33.3% #DBB9D4	RGB 219 185 212	#DBB9D4
50.0%	50.0% #E4BCCE	RGB 228 188 206	#E4BCCE
66.7%	66.7% #EDBFC5	RGB 237 191 197	#EDBFC5
83.3%	83.3% #F6CBC1	RGB 246 203 193	#F6CBC1
100.0%	100.0% #FFE3C3	RGB 255 227 195	#FFE3C3

#BFB3C9 #CEB6D2 #DBB9D4 #E4BCCE #EDBFC5 #F6CBC1 #FFE3C3

#BFB3C9 - #E4BCCE - #FFE3C3

CSS codes

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

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