#CECAD2 - #CFD2EC | 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 #CECAD2 to #CFD2EC

#CECAD2 #CFD2EC

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

#CECAD2 - #CFD2EC | 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 #CECAD2 as 0% and #CFD2EC as 100%.

0.0%	0.0% #CECAD2	RGB 206 202 210	#CECAD2
16.7%	16.7% #CECBD6	RGB 206 203 214	#CECBD6
33.3%	33.3% #CECCDA	RGB 206 204 218	#CECCDA
50.0%	50.0% #CECEDF	RGB 206 206 223	#CECEDF
66.7%	66.7% #CECFE3	RGB 206 207 227	#CECFE3
83.3%	83.3% #CED0E7	RGB 206 208 231	#CED0E7
100.0%	100.0% #CFD2EC	RGB 207 210 236	#CFD2EC

#CECAD2 #CECBD6 #CECCDA #CECEDF #CECFE3 #CED0E7 #CFD2EC

#CECAD2 - #CFD2EC

HSV Blend

#CECAD2 - #CFD2EC | 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 #CECAD2 as 0% and #CFD2EC as 100%.

0.0%	0.0% #CECAD2	RGB 206 202 210	#CECAD2
16.7%	16.7% #CFCBD6	RGB 207 203 214	#CFCBD6
33.3%	33.3% #D0CCDA	RGB 208 204 218	#D0CCDA
50.0%	50.0% #D0CDDF	RGB 208 205 223	#D0CDDF
66.7%	66.7% #CFCDE3	RGB 207 205 227	#CFCDE3
83.3%	83.3% #CECEE7	RGB 206 206 231	#CECEE7
100.0%	100.0% #CFD2EC	RGB 207 210 236	#CFD2EC

#CECAD2 #CFCBD6 #D0CCDA #D0CDDF #CFCDE3 #CECEE7 #CFD2EC

#CECAD2 - #D0CDDF - #CFD2EC

CSS codes

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

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