#C9C8D4 - #FFDCCE | 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 #C9C8D4 to #FFDCCE

#C9C8D4 #FFDCCE

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

#C9C8D4 - #FFDCCE | 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 #C9C8D4 as 0% and #FFDCCE as 100%.

0.0%	0.0% #C9C8D4	RGB 201 200 212	#C9C8D4
16.7%	16.7% #D2CBD3	RGB 210 203 211	#D2CBD3
33.3%	33.3% #DBCED2	RGB 219 206 210	#DBCED2
50.0%	50.0% #E4D2D1	RGB 228 210 209	#E4D2D1
66.7%	66.7% #EDD5D0	RGB 237 213 208	#EDD5D0
83.3%	83.3% #F6D8CF	RGB 246 216 207	#F6D8CF
100.0%	100.0% #FFDCCE	RGB 255 220 206	#FFDCCE

#C9C8D4 #D2CBD3 #DBCED2 #E4D2D1 #EDD5D0 #F6D8CF #FFDCCE

#C9C8D4 - #FFDCCE

HSV Blend

#C9C8D4 - #FFDCCE | 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 #C9C8D4 as 0% and #FFDCCE as 100%.

0.0%	0.0% #C9C8D4	RGB 201 200 212	#C9C8D4
16.7%	16.7% #D1C9DB	RGB 209 201 219	#D1C9DB
33.3%	33.3% #DECBE2	RGB 222 203 226	#DECBE2
50.0%	50.0% #E9CCE4	RGB 233 204 228	#E9CCE4
66.7%	66.7% #F0CDDD	RGB 240 205 221	#F0CDDD
83.3%	83.3% #F7CDD1	RGB 247 205 209	#F7CDD1
100.0%	100.0% #FFDCCE	RGB 255 220 206	#FFDCCE

#C9C8D4 #D1C9DB #DECBE2 #E9CCE4 #F0CDDD #F7CDD1 #FFDCCE

#C9C8D4 - #E9CCE4 - #FFDCCE

CSS codes

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

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