#BDB5ED - #DFDFE7 | 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 #BDB5ED to #DFDFE7

#BDB5ED #DFDFE7

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

#BDB5ED - #DFDFE7 | 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 #BDB5ED as 0% and #DFDFE7 as 100%.

0.0%	0.0% #BDB5ED	RGB 189 181 237	#BDB5ED
16.7%	16.7% #C2BCEC	RGB 194 188 236	#C2BCEC
33.3%	33.3% #C8C3EB	RGB 200 195 235	#C8C3EB
50.0%	50.0% #CECAEA	RGB 206 202 234	#CECAEA
66.7%	66.7% #D3D1E9	RGB 211 209 233	#D3D1E9
83.3%	83.3% #D9D8E8	RGB 217 216 232	#D9D8E8
100.0%	100.0% #DFDFE7	RGB 223 223 231	#DFDFE7

#BDB5ED #C2BCEC #C8C3EB #CECAEA #D3D1E9 #D9D8E8 #DFDFE7

#BDB5ED - #DFDFE7

HSV Blend

#BDB5ED - #DFDFE7 | 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 #BDB5ED as 0% and #DFDFE7 as 100%.

0.0%	0.0% #BDB5ED	RGB 189 181 237	#BDB5ED
16.7%	16.7% #C1BCEC	RGB 193 188 236	#C1BCEC
33.3%	33.3% #C7C3EB	RGB 199 195 235	#C7C3EB
50.0%	50.0% #CCCAEA	RGB 204 202 234	#CCCAEA
66.7%	66.7% #D2D1E9	RGB 210 209 233	#D2D1E9
83.3%	83.3% #D8D8E8	RGB 216 216 232	#D8D8E8
100.0%	100.0% #DFDFE7	RGB 223 223 231	#DFDFE7

#BDB5ED #C1BCEC #C7C3EB #CCCAEA #D2D1E9 #D8D8E8 #DFDFE7

#BDB5ED - #CCCAEA - #DFDFE7

CSS codes

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

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