#BFBFD8 - #FFDCD2 | 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 #BFBFD8 to #FFDCD2

#BFBFD8 #FFDCD2

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

#BFBFD8 - #FFDCD2 | 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 #BFBFD8 as 0% and #FFDCD2 as 100%.

0.0%	0.0% #BFBFD8	RGB 191 191 216	#BFBFD8
16.7%	16.7% #C9C3D7	RGB 201 195 215	#C9C3D7
33.3%	33.3% #D4C8D6	RGB 212 200 214	#D4C8D6
50.0%	50.0% #DFCDD5	RGB 223 205 213	#DFCDD5
66.7%	66.7% #E9D2D4	RGB 233 210 212	#E9D2D4
83.3%	83.3% #F4D7D3	RGB 244 215 211	#F4D7D3
100.0%	100.0% #FFDCD2	RGB 255 220 210	#FFDCD2

#BFBFD8 #C9C3D7 #D4C8D6 #DFCDD5 #E9D2D4 #F4D7D3 #FFDCD2

#BFBFD8 - #FFDCD2

HSV Blend

#BFBFD8 - #FFDCD2 | 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 #BFBFD8 as 0% and #FFDCD2 as 100%.

0.0%	0.0% #BFBFD8	RGB 191 191 216	#BFBFD8
16.7%	16.7% #CCC2DE	RGB 204 194 222	#CCC2DE
33.3%	33.3% #DCC5E5	RGB 220 197 229	#DCC5E5
50.0%	50.0% #EBC9E7	RGB 235 201 231	#EBC9E7
66.7%	66.7% #F2CCDF	RGB 242 204 223	#F2CCDF
83.3%	83.3% #F8CFD5	RGB 248 207 213	#F8CFD5
100.0%	100.0% #FFDCD2	RGB 255 220 210	#FFDCD2

#BFBFD8 #CCC2DE #DCC5E5 #EBC9E7 #F2CCDF #F8CFD5 #FFDCD2

#BFBFD8 - #EBC9E7 - #FFDCD2

CSS codes

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

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