#CDCDD9 - #FFE1D4 | 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 #CDCDD9 to #FFE1D4

#CDCDD9 #FFE1D4

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

#CDCDD9 - #FFE1D4 | 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 #CDCDD9 as 0% and #FFE1D4 as 100%.

0.0%	0.0% #CDCDD9	RGB 205 205 217	#CDCDD9
16.7%	16.7% #D5D0D8	RGB 213 208 216	#D5D0D8
33.3%	33.3% #DDD3D7	RGB 221 211 215	#DDD3D7
50.0%	50.0% #E6D7D6	RGB 230 215 214	#E6D7D6
66.7%	66.7% #EEDAD5	RGB 238 218 213	#EEDAD5
83.3%	83.3% #F6DDD4	RGB 246 221 212	#F6DDD4
100.0%	100.0% #FFE1D4	RGB 255 225 212	#FFE1D4

#CDCDD9 #D5D0D8 #DDD3D7 #E6D7D6 #EEDAD5 #F6DDD4 #FFE1D4

#CDCDD9 - #FFE1D4

HSV Blend

#CDCDD9 - #FFE1D4 | 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 #CDCDD9 as 0% and #FFE1D4 as 100%.

0.0%	0.0% #CDCDD9	RGB 205 205 217	#CDCDD9
16.7%	16.7% #D5CEDF	RGB 213 206 223	#D5CEDF
33.3%	33.3% #E0D0E5	RGB 224 208 229	#E0D0E5
50.0%	50.0% #ECD1E8	RGB 236 209 232	#ECD1E8
66.7%	66.7% #F2D2E1	RGB 242 210 225	#F2D2E1
83.3%	83.3% #F8D3D6	RGB 248 211 214	#F8D3D6
100.0%	100.0% #FFE1D4	RGB 255 225 212	#FFE1D4

#CDCDD9 #D5CEDF #E0D0E5 #ECD1E8 #F2D2E1 #F8D3D6 #FFE1D4

#CDCDD9 - #ECD1E8 - #FFE1D4

CSS codes

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

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