#BEC2DF - #DBDFDE | 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 #BEC2DF to #DBDFDE

#BEC2DF #DBDFDE

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

#BEC2DF - #DBDFDE | 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 #BEC2DF as 0% and #DBDFDE as 100%.

0.0%	0.0% #BEC2DF	RGB 190 194 223	#BEC2DF
16.7%	16.7% #C2C6DE	RGB 194 198 222	#C2C6DE
33.3%	33.3% #C7CBDE	RGB 199 203 222	#C7CBDE
50.0%	50.0% #CCD0DE	RGB 204 208 222	#CCD0DE
66.7%	66.7% #D1D5DE	RGB 209 213 222	#D1D5DE
83.3%	83.3% #D6DADE	RGB 214 218 222	#D6DADE
100.0%	100.0% #DBDFDE	RGB 219 223 222	#DBDFDE

#BEC2DF #C2C6DE #C7CBDE #CCD0DE #D1D5DE #D6DADE #DBDFDE

#BEC2DF - #DBDFDE

HSV Blend

#BEC2DF - #DBDFDE | 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 #BEC2DF as 0% and #DBDFDE as 100%.

0.0%	0.0% #BEC2DF	RGB 190 194 223	#BEC2DF
16.7%	16.7% #C2CBDF	RGB 194 203 223	#C2CBDF
33.3%	33.3% #C7D3DF	RGB 199 211 223	#C7D3DF
50.0%	50.0% #CCD9DF	RGB 204 217 223	#CCD9DF
66.7%	66.7% #D1DDDF	RGB 209 221 223	#D1DDDF
83.3%	83.3% #D6DFDE	RGB 214 223 222	#D6DFDE
100.0%	100.0% #DBDFDE	RGB 219 223 222	#DBDFDE

#BEC2DF #C2CBDF #C7D3DF #CCD9DF #D1DDDF #D6DFDE #DBDFDE

#BEC2DF - #CCD9DF - #DBDFDE

CSS codes

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

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