#BEC5CB - #D9D2FF | 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 #BEC5CB to #D9D2FF

#BEC5CB #D9D2FF

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

#BEC5CB - #D9D2FF | 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 #BEC5CB as 0% and #D9D2FF as 100%.

0.0%	0.0% #BEC5CB	RGB 190 197 203	#BEC5CB
16.7%	16.7% #C2C7D3	RGB 194 199 211	#C2C7D3
33.3%	33.3% #C7C9DC	RGB 199 201 220	#C7C9DC
50.0%	50.0% #CBCBE5	RGB 203 203 229	#CBCBE5
66.7%	66.7% #D0CDED	RGB 208 205 237	#D0CDED
83.3%	83.3% #D4CFF6	RGB 212 207 246	#D4CFF6
100.0%	100.0% #D9D2FF	RGB 217 210 255	#D9D2FF

#BEC5CB #C2C7D3 #C7C9DC #CBCBE5 #D0CDED #D4CFF6 #D9D2FF

#BEC5CB - #D9D2FF

HSV Blend

#BEC5CB - #D9D2FF | 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 #BEC5CB as 0% and #D9D2FF as 100%.

0.0%	0.0% #BEC5CB	RGB 190 197 203	#BEC5CB
16.7%	16.7% #C2C9D3	RGB 194 201 211	#C2C9D3
33.3%	33.3% #C5CCDC	RGB 197 204 220	#C5CCDC
50.0%	50.0% #C9CEE5	RGB 201 206 229	#C9CEE5
66.7%	66.7% #CCCFED	RGB 204 207 237	#CCCFED
83.3%	83.3% #D1CFF6	RGB 209 207 246	#D1CFF6
100.0%	100.0% #D9D2FF	RGB 217 210 255	#D9D2FF

#BEC5CB #C2C9D3 #C5CCDC #C9CEE5 #CCCFED #D1CFF6 #D9D2FF

#BEC5CB - #C9CEE5 - #D9D2FF

CSS codes

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

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