#C8DCEA - #CFF5DC | 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 #C8DCEA to #CFF5DC

#C8DCEA #CFF5DC

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

#C8DCEA - #CFF5DC | 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 #C8DCEA as 0% and #CFF5DC as 100%.

0.0%	0.0% #C8DCEA	RGB 200 220 234	#C8DCEA
16.7%	16.7% #C9E0E7	RGB 201 224 231	#C9E0E7
33.3%	33.3% #CAE4E5	RGB 202 228 229	#CAE4E5
50.0%	50.0% #CBE8E3	RGB 203 232 227	#CBE8E3
66.7%	66.7% #CCECE0	RGB 204 236 224	#CCECE0
83.3%	83.3% #CDF0DE	RGB 205 240 222	#CDF0DE
100.0%	100.0% #CFF5DC	RGB 207 245 220	#CFF5DC

#C8DCEA #C9E0E7 #CAE4E5 #CBE8E3 #CCECE0 #CDF0DE #CFF5DC

#C8DCEA - #CFF5DC

HSV Blend

#C8DCEA - #CFF5DC | 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 #C8DCEA as 0% and #CFF5DC as 100%.

0.0%	0.0% #C8DCEA	RGB 200 220 234	#C8DCEA
16.7%	16.7% #C9E3EB	RGB 201 227 235	#C9E3EB
33.3%	33.3% #CAEBED	RGB 202 235 237	#CAEBED
50.0%	50.0% #CBEFEB	RGB 203 239 235	#CBEFEB
66.7%	66.7% #CCF1E6	RGB 204 241 230	#CCF1E6
83.3%	83.3% #CDF3E1	RGB 205 243 225	#CDF3E1
100.0%	100.0% #CFF5DC	RGB 207 245 220	#CFF5DC

#C8DCEA #C9E3EB #CAEBED #CBEFEB #CCF1E6 #CDF3E1 #CFF5DC

#C8DCEA - #CBEFEB - #CFF5DC

CSS codes

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

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