#CDBDC7 - #F0ECEC | 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 #CDBDC7 to #F0ECEC

#CDBDC7 #F0ECEC

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

#CDBDC7 - #F0ECEC | 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 #CDBDC7 as 0% and #F0ECEC as 100%.

0.0%	0.0% #CDBDC7	RGB 205 189 199	#CDBDC7
16.7%	16.7% #D2C4CD	RGB 210 196 205	#D2C4CD
33.3%	33.3% #D8CCD3	RGB 216 204 211	#D8CCD3
50.0%	50.0% #DED4D9	RGB 222 212 217	#DED4D9
66.7%	66.7% #E4DCDF	RGB 228 220 223	#E4DCDF
83.3%	83.3% #EAE4E5	RGB 234 228 229	#EAE4E5
100.0%	100.0% #F0ECEC	RGB 240 236 236	#F0ECEC

#CDBDC7 #D2C4CD #D8CCD3 #DED4D9 #E4DCDF #EAE4E5 #F0ECEC

#CDBDC7 - #F0ECEC

HSV Blend

#CDBDC7 - #F0ECEC | 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 #CDBDC7 as 0% and #F0ECEC as 100%.

0.0%	0.0% #CDBDC7	RGB 205 189 199	#CDBDC7
16.7%	16.7% #D2C4CB	RGB 210 196 203	#D2C4CB
33.3%	33.3% #D8CCD1	RGB 216 204 209	#D8CCD1
50.0%	50.0% #DED3D7	RGB 222 211 215	#DED3D7
66.7%	66.7% #E4DBDD	RGB 228 219 221	#E4DBDD
83.3%	83.3% #EAE3E4	RGB 234 227 228	#EAE3E4
100.0%	100.0% #F0ECEC	RGB 240 236 236	#F0ECEC

#CDBDC7 #D2C4CB #D8CCD1 #DED3D7 #E4DBDD #EAE3E4 #F0ECEC

#CDBDC7 - #DED3D7 - #F0ECEC

CSS codes

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

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