#CDA4C7 - #FFC4C8 | 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 #CDA4C7 to #FFC4C8

#CDA4C7 #FFC4C8

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

#CDA4C7 - #FFC4C8 | 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 #CDA4C7 as 0% and #FFC4C8 as 100%.

0.0%	0.0% #CDA4C7	RGB 205 164 199	#CDA4C7
16.7%	16.7% #D5A9C7	RGB 213 169 199	#D5A9C7
33.3%	33.3% #DDAEC7	RGB 221 174 199	#DDAEC7
50.0%	50.0% #E6B4C7	RGB 230 180 199	#E6B4C7
66.7%	66.7% #EEB9C7	RGB 238 185 199	#EEB9C7
83.3%	83.3% #F6BEC7	RGB 246 190 199	#F6BEC7
100.0%	100.0% #FFC4C8	RGB 255 196 200	#FFC4C8

#CDA4C7 #D5A9C7 #DDAEC7 #E6B4C7 #EEB9C7 #F6BEC7 #FFC4C8

#CDA4C7 - #FFC4C8

HSV Blend

#CDA4C7 - #FFC4C8 | 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 #CDA4C7 as 0% and #FFC4C8 as 100%.

0.0%	0.0% #CDA4C7	RGB 205 164 199	#CDA4C7
16.7%	16.7% #D5A9C9	RGB 213 169 201	#D5A9C9
33.3%	33.3% #DDAFCA	RGB 221 175 202	#DDAFCA
50.0%	50.0% #E6B4CB	RGB 230 180 203	#E6B4CB
66.7%	66.7% #EEB9CB	RGB 238 185 203	#EEB9CB
83.3%	83.3% #F6BEC9	RGB 246 190 201	#F6BEC9
100.0%	100.0% #FFC4C8	RGB 255 196 200	#FFC4C8

#CDA4C7 #D5A9C9 #DDAFCA #E6B4CB #EEB9CB #F6BEC9 #FFC4C8

#CDA4C7 - #E6B4CB - #FFC4C8

CSS codes

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

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