#C4BDC7 - #FFD8D9 | 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 #C4BDC7 to #FFD8D9

#C4BDC7 #FFD8D9

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

#C4BDC7 - #FFD8D9 | 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 #C4BDC7 as 0% and #FFD8D9 as 100%.

0.0%	0.0% #C4BDC7	RGB 196 189 199	#C4BDC7
16.7%	16.7% #CDC1CA	RGB 205 193 202	#CDC1CA
33.3%	33.3% #D7C6CD	RGB 215 198 205	#D7C6CD
50.0%	50.0% #E1CAD0	RGB 225 202 208	#E1CAD0
66.7%	66.7% #EBCFD3	RGB 235 207 211	#EBCFD3
83.3%	83.3% #F5D3D6	RGB 245 211 214	#F5D3D6
100.0%	100.0% #FFD8D9	RGB 255 216 217	#FFD8D9

#C4BDC7 #CDC1CA #D7C6CD #E1CAD0 #EBCFD3 #F5D3D6 #FFD8D9

#C4BDC7 - #FFD8D9

HSV Blend

#C4BDC7 - #FFD8D9 | 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 #C4BDC7 as 0% and #FFD8D9 as 100%.

0.0%	0.0% #C4BDC7	RGB 196 189 199	#C4BDC7
16.7%	16.7% #CFC2D0	RGB 207 194 208	#CFC2D0
33.3%	33.3% #D9C7D7	RGB 217 199 215	#D9C7D7
50.0%	50.0% #E3CBDB	RGB 227 203 219	#E3CBDB
66.7%	66.7% #ECD0DC	RGB 236 208 220	#ECD0DC
83.3%	83.3% #F5D4DC	RGB 245 212 220	#F5D4DC
100.0%	100.0% #FFD8D9	RGB 255 216 217	#FFD8D9

#C4BDC7 #CFC2D0 #D9C7D7 #E3CBDB #ECD0DC #F5D4DC #FFD8D9

#C4BDC7 - #E3CBDB - #FFD8D9

CSS codes

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

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