#C8CFEB - #DCE4E7 | 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 #C8CFEB to #DCE4E7

#C8CFEB #DCE4E7

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

#C8CFEB - #DCE4E7 | 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 #C8CFEB as 0% and #DCE4E7 as 100%.

0.0%	0.0% #C8CFEB	RGB 200 207 235	#C8CFEB
16.7%	16.7% #CBD2EA	RGB 203 210 234	#CBD2EA
33.3%	33.3% #CED6E9	RGB 206 214 233	#CED6E9
50.0%	50.0% #D2D9E9	RGB 210 217 233	#D2D9E9
66.7%	66.7% #D5DDE8	RGB 213 221 232	#D5DDE8
83.3%	83.3% #D8E0E7	RGB 216 224 231	#D8E0E7
100.0%	100.0% #DCE4E7	RGB 220 228 231	#DCE4E7

#C8CFEB #CBD2EA #CED6E9 #D2D9E9 #D5DDE8 #D8E0E7 #DCE4E7

#C8CFEB - #DCE4E7

HSV Blend

#C8CFEB - #DCE4E7 | 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 #C8CFEB as 0% and #DCE4E7 as 100%.

0.0%	0.0% #C8CFEB	RGB 200 207 235	#C8CFEB
16.7%	16.7% #CBD4EA	RGB 203 212 234	#CBD4EA
33.3%	33.3% #CED8E9	RGB 206 216 233	#CED8E9
50.0%	50.0% #D2DCE9	RGB 210 220 233	#D2DCE9
66.7%	66.7% #D5DFE8	RGB 213 223 232	#D5DFE8
83.3%	83.3% #D8E2E7	RGB 216 226 231	#D8E2E7
100.0%	100.0% #DCE4E7	RGB 220 228 231	#DCE4E7

#C8CFEB #CBD4EA #CED8E9 #D2DCE9 #D5DFE8 #D8E2E7 #DCE4E7

#C8CFEB - #D2DCE9 - #DCE4E7

CSS codes

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

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