#CECEDC - #F2DBFF | 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 #CECEDC to #F2DBFF

#CECEDC #F2DBFF

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

#CECEDC - #F2DBFF | 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 #CECEDC as 0% and #F2DBFF as 100%.

0.0%	0.0% #CECEDC	RGB 206 206 220	#CECEDC
16.7%	16.7% #D4D0E1	RGB 212 208 225	#D4D0E1
33.3%	33.3% #DAD2E7	RGB 218 210 231	#DAD2E7
50.0%	50.0% #E0D4ED	RGB 224 212 237	#E0D4ED
66.7%	66.7% #E6D6F3	RGB 230 214 243	#E6D6F3
83.3%	83.3% #ECD8F9	RGB 236 216 249	#ECD8F9
100.0%	100.0% #F2DBFF	RGB 242 219 255	#F2DBFF

#CECEDC #D4D0E1 #DAD2E7 #E0D4ED #E6D6F3 #ECD8F9 #F2DBFF

#CECEDC - #F2DBFF

HSV Blend

#CECEDC - #F2DBFF | 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 #CECEDC as 0% and #F2DBFF as 100%.

0.0%	0.0% #CECEDC	RGB 206 206 220	#CECEDC
16.7%	16.7% #D2D0E1	RGB 210 208 225	#D2D0E1
33.3%	33.3% #D7D2E7	RGB 215 210 231	#D7D2E7
50.0%	50.0% #DCD5ED	RGB 220 213 237	#DCD5ED
66.7%	66.7% #E3D7F3	RGB 227 215 243	#E3D7F3
83.3%	83.3% #EAD9F9	RGB 234 217 249	#EAD9F9
100.0%	100.0% #F2DBFF	RGB 242 219 255	#F2DBFF

#CECEDC #D2D0E1 #D7D2E7 #DCD5ED #E3D7F3 #EAD9F9 #F2DBFF

#CECEDC - #DCD5ED - #F2DBFF

CSS codes

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

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