#CDC3CD - #F0EDF0 | 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 #CDC3CD to #F0EDF0

#CDC3CD #F0EDF0

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

#CDC3CD - #F0EDF0 | 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 #CDC3CD as 0% and #F0EDF0 as 100%.

0.0%	0.0% #CDC3CD	RGB 205 195 205	#CDC3CD
16.7%	16.7% #D2CAD2	RGB 210 202 210	#D2CAD2
33.3%	33.3% #D8D1D8	RGB 216 209 216	#D8D1D8
50.0%	50.0% #DED8DE	RGB 222 216 222	#DED8DE
66.7%	66.7% #E4DFE4	RGB 228 223 228	#E4DFE4
83.3%	83.3% #EAE6EA	RGB 234 230 234	#EAE6EA
100.0%	100.0% #F0EDF0	RGB 240 237 240	#F0EDF0

#CDC3CD #D2CAD2 #D8D1D8 #DED8DE #E4DFE4 #EAE6EA #F0EDF0

#CDC3CD - #F0EDF0

HSV Blend

#CDC3CD - #F0EDF0 | 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 #CDC3CD as 0% and #F0EDF0 as 100%.

0.0%	0.0% #CDC3CD	RGB 205 195 205	#CDC3CD
16.7%	16.7% #D2C9D2	RGB 210 201 210	#D2C9D2
33.3%	33.3% #D8D0D8	RGB 216 208 216	#D8D0D8
50.0%	50.0% #DED7DE	RGB 222 215 222	#DED7DE
66.7%	66.7% #E4DEE4	RGB 228 222 228	#E4DEE4
83.3%	83.3% #EAE5EA	RGB 234 229 234	#EAE5EA
100.0%	100.0% #F0EDF0	RGB 240 237 240	#F0EDF0

#CDC3CD #D2C9D2 #D8D0D8 #DED7DE #E4DEE4 #EAE5EA #F0EDF0

#CDC3CD - #DED7DE - #F0EDF0

CSS codes

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

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