#C9C9D3 - #FFDDCE | 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 #C9C9D3 to #FFDDCE

#C9C9D3 #FFDDCE

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

#C9C9D3 - #FFDDCE | 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 #C9C9D3 as 0% and #FFDDCE as 100%.

0.0%	0.0% #C9C9D3	RGB 201 201 211	#C9C9D3
16.7%	16.7% #D2CCD2	RGB 210 204 210	#D2CCD2
33.3%	33.3% #DBCFD1	RGB 219 207 209	#DBCFD1
50.0%	50.0% #E4D3D0	RGB 228 211 208	#E4D3D0
66.7%	66.7% #EDD6CF	RGB 237 214 207	#EDD6CF
83.3%	83.3% #F6D9CE	RGB 246 217 206	#F6D9CE
100.0%	100.0% #FFDDCE	RGB 255 221 206	#FFDDCE

#C9C9D3 #D2CCD2 #DBCFD1 #E4D3D0 #EDD6CF #F6D9CE #FFDDCE

#C9C9D3 - #FFDDCE

HSV Blend

#C9C9D3 - #FFDDCE | 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 #C9C9D3 as 0% and #FFDDCE as 100%.

0.0%	0.0% #C9C9D3	RGB 201 201 211	#C9C9D3
16.7%	16.7% #D0CADA	RGB 208 202 218	#D0CADA
33.3%	33.3% #DCCCE1	RGB 220 204 225	#DCCCE1
50.0%	50.0% #E9CDE4	RGB 233 205 228	#E9CDE4
66.7%	66.7% #F0CDDD	RGB 240 205 221	#F0CDDD
83.3%	83.3% #F7CED1	RGB 247 206 209	#F7CED1
100.0%	100.0% #FFDDCE	RGB 255 221 206	#FFDDCE

#C9C9D3 #D0CADA #DCCCE1 #E9CDE4 #F0CDDD #F7CED1 #FFDDCE

#C9C9D3 - #E9CDE4 - #FFDDCE

CSS codes

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

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