#CEC3C9 - #FFDDDD | 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 #CEC3C9 to #FFDDDD

#CEC3C9 #FFDDDD

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

#CEC3C9 - #FFDDDD | 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 #CEC3C9 as 0% and #FFDDDD as 100%.

0.0%	0.0% #CEC3C9	RGB 206 195 201	#CEC3C9
16.7%	16.7% #D6C7CC	RGB 214 199 204	#D6C7CC
33.3%	33.3% #DECBCF	RGB 222 203 207	#DECBCF
50.0%	50.0% #E6D0D3	RGB 230 208 211	#E6D0D3
66.7%	66.7% #EED4D6	RGB 238 212 214	#EED4D6
83.3%	83.3% #F6D8D9	RGB 246 216 217	#F6D8D9
100.0%	100.0% #FFDDDD	RGB 255 221 221	#FFDDDD

#CEC3C9 #D6C7CC #DECBCF #E6D0D3 #EED4D6 #F6D8D9 #FFDDDD

#CEC3C9 - #FFDDDD

HSV Blend

#CEC3C9 - #FFDDDD | 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 #CEC3C9 as 0% and #FFDDDD as 100%.

0.0%	0.0% #CEC3C9	RGB 206 195 201	#CEC3C9
16.7%	16.7% #D6C7CE	RGB 214 199 206	#D6C7CE
33.3%	33.3% #DECCD3	RGB 222 204 211	#DECCD3
50.0%	50.0% #E6D0D6	RGB 230 208 214	#E6D0D6
66.7%	66.7% #EED5D9	RGB 238 213 217	#EED5D9
83.3%	83.3% #F6D9DB	RGB 246 217 219	#F6D9DB
100.0%	100.0% #FFDDDD	RGB 255 221 221	#FFDDDD

#CEC3C9 #D6C7CE #DECCD3 #E6D0D6 #EED5D9 #F6D9DB #FFDDDD

#CEC3C9 - #E6D0D6 - #FFDDDD

CSS codes

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

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