#BDC4C7 - #EFDAFF | 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 #BDC4C7 to #EFDAFF

#BDC4C7 #EFDAFF

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

#BDC4C7 - #EFDAFF | 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 #BDC4C7 as 0% and #EFDAFF as 100%.

0.0%	0.0% #BDC4C7	RGB 189 196 199	#BDC4C7
16.7%	16.7% #C5C7D0	RGB 197 199 208	#C5C7D0
33.3%	33.3% #CDCBD9	RGB 205 203 217	#CDCBD9
50.0%	50.0% #D6CFE3	RGB 214 207 227	#D6CFE3
66.7%	66.7% #DED2EC	RGB 222 210 236	#DED2EC
83.3%	83.3% #E6D6F5	RGB 230 214 245	#E6D6F5
100.0%	100.0% #EFDAFF	RGB 239 218 255	#EFDAFF

#BDC4C7 #C5C7D0 #CDCBD9 #D6CFE3 #DED2EC #E6D6F5 #EFDAFF

#BDC4C7 - #EFDAFF

HSV Blend

#BDC4C7 - #EFDAFF | 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 #BDC4C7 as 0% and #EFDAFF as 100%.

0.0%	0.0% #BDC4C7	RGB 189 196 199	#BDC4C7
16.7%	16.7% #C2C9D0	RGB 194 201 208	#C2C9D0
33.3%	33.3% #C7CCD9	RGB 199 204 217	#C7CCD9
50.0%	50.0% #CCCEE3	RGB 204 206 227	#CCCEE3
66.7%	66.7% #D5D1EC	RGB 213 209 236	#D5D1EC
83.3%	83.3% #E1D5F5	RGB 225 213 245	#E1D5F5
100.0%	100.0% #EFDAFF	RGB 239 218 255	#EFDAFF

#BDC4C7 #C2C9D0 #C7CCD9 #CCCEE3 #D5D1EC #E1D5F5 #EFDAFF

#BDC4C7 - #CCCEE3 - #EFDAFF

CSS codes

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

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