#BEC4C8 - #CDF2FF | 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 #BEC4C8 to #CDF2FF

#BEC4C8 #CDF2FF

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

#BEC4C8 - #CDF2FF | 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 #BEC4C8 as 0% and #CDF2FF as 100%.

0.0%	0.0% #BEC4C8	RGB 190 196 200	#BEC4C8
16.7%	16.7% #C0CBD1	RGB 192 203 209	#C0CBD1
33.3%	33.3% #C3D3DA	RGB 195 211 218	#C3D3DA
50.0%	50.0% #C5DBE3	RGB 197 219 227	#C5DBE3
66.7%	66.7% #C8E2EC	RGB 200 226 236	#C8E2EC
83.3%	83.3% #CAEAF5	RGB 202 234 245	#CAEAF5
100.0%	100.0% #CDF2FF	RGB 205 242 255	#CDF2FF

#BEC4C8 #C0CBD1 #C3D3DA #C5DBE3 #C8E2EC #CAEAF5 #CDF2FF

#BEC4C8 - #CDF2FF

HSV Blend

#BEC4C8 - #CDF2FF | 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 #BEC4C8 as 0% and #CDF2FF as 100%.

0.0%	0.0% #BEC4C8	RGB 190 196 200	#BEC4C8
16.7%	16.7% #C1CBD1	RGB 193 203 209	#C1CBD1
33.3%	33.3% #C4D2DA	RGB 196 210 218	#C4D2DA
50.0%	50.0% #C7DAE3	RGB 199 218 227	#C7DAE3
66.7%	66.7% #C9E1EC	RGB 201 225 236	#C9E1EC
83.3%	83.3% #CBE9F5	RGB 203 233 245	#CBE9F5
100.0%	100.0% #CDF2FF	RGB 205 242 255	#CDF2FF

#BEC4C8 #C1CBD1 #C4D2DA #C7DAE3 #C9E1EC #CBE9F5 #CDF2FF

#BEC4C8 - #C7DAE3 - #CDF2FF

CSS codes

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

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