#CCCECA - #C8DCFF | 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 #CCCECA to #C8DCFF

#CCCECA #C8DCFF

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

#CCCECA - #C8DCFF | 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 #CCCECA as 0% and #C8DCFF as 100%.

0.0%	0.0% #CCCECA	RGB 204 206 202	#CCCECA
16.7%	16.7% #CBD0D2	RGB 203 208 210	#CBD0D2
33.3%	33.3% #CAD2DB	RGB 202 210 219	#CAD2DB
50.0%	50.0% #CAD5E4	RGB 202 213 228	#CAD5E4
66.7%	66.7% #C9D7ED	RGB 201 215 237	#C9D7ED
83.3%	83.3% #C8D9F6	RGB 200 217 246	#C8D9F6
100.0%	100.0% #C8DCFF	RGB 200 220 255	#C8DCFF

#CCCECA #CBD0D2 #CAD2DB #CAD5E4 #C9D7ED #C8D9F6 #C8DCFF

#CCCECA - #C8DCFF

HSV Blend

#CCCECA - #C8DCFF | 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 #CCCECA as 0% and #C8DCFF as 100%.

0.0%	0.0% #CCCECA	RGB 204 206 202	#CCCECA
16.7%	16.7% #CCD6CB	RGB 204 214 203	#CCD6CB
33.3%	33.3% #CBDECF	RGB 203 222 207	#CBDECF
50.0%	50.0% #CBE6DA	RGB 203 230 218	#CBE6DA
66.7%	66.7% #CAEEEB	RGB 202 238 235	#CAEEEB
83.3%	83.3% #C9EAF6	RGB 201 234 246	#C9EAF6
100.0%	100.0% #C8DCFF	RGB 200 220 255	#C8DCFF

#CCCECA #CCD6CB #CBDECF #CBE6DA #CAEEEB #C9EAF6 #C8DCFF

#CCCECA - #CBE6DA - #C8DCFF

CSS codes

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

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