#BFBFD8 - #DADED8 | 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 #DADED8

#BFBFD8 #DADED8

Calculate the color between two colors, #BFBFD8 and #DADED8. 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 - #DADED8 | 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 #DADED8 as 100%.

0.0%	0.0% #BFBFD8	RGB 191 191 216	#BFBFD8
16.7%	16.7% #C3C4D8	RGB 195 196 216	#C3C4D8
33.3%	33.3% #C8C9D8	RGB 200 201 216	#C8C9D8
50.0%	50.0% #CCCED8	RGB 204 206 216	#CCCED8
66.7%	66.7% #D1D3D8	RGB 209 211 216	#D1D3D8
83.3%	83.3% #D5D8D8	RGB 213 216 216	#D5D8D8
100.0%	100.0% #DADED8	RGB 218 222 216	#DADED8

#BFBFD8 #C3C4D8 #C8C9D8 #CCCED8 #D1D3D8 #D5D8D8 #DADED8

#BFBFD8 - #DADED8

HSV Blend

#BFBFD8 - #DADED8 | 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 #DADED8 as 100%.

0.0%	0.0% #BFBFD8	RGB 191 191 216	#BFBFD8
16.7%	16.7% #C3CBD9	RGB 195 203 217	#C3CBD9
33.3%	33.3% #C7D5DA	RGB 199 213 218	#C7D5DA
50.0%	50.0% #CBDBD8	RGB 203 219 216	#CBDBD8
66.7%	66.7% #CFDCD5	RGB 207 220 213	#CFDCD5
83.3%	83.3% #D3DDD4	RGB 211 221 212	#D3DDD4
100.0%	100.0% #DADED8	RGB 218 222 216	#DADED8

#BFBFD8 #C3CBD9 #C7D5DA #CBDBD8 #CFDCD5 #D3DDD4 #DADED8

#BFBFD8 - #CBDBD8 - #DADED8

CSS codes

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

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