#CD46AB - #FDB2D1 | 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 #CD46AB to #FDB2D1

#CD46AB #FDB2D1

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

#CD46AB - #FDB2D1 | 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 #CD46AB as 0% and #FDB2D1 as 100%.

0.0%	0.0% #CD46AB	RGB 205 70 171	#CD46AB
16.7%	16.7% #D558B1	RGB 213 88 177	#D558B1
33.3%	33.3% #DD6AB7	RGB 221 106 183	#DD6AB7
50.0%	50.0% #E57CBE	RGB 229 124 190	#E57CBE
66.7%	66.7% #ED8EC4	RGB 237 142 196	#ED8EC4
83.3%	83.3% #F5A0CA	RGB 245 160 202	#F5A0CA
100.0%	100.0% #FDB2D1	RGB 253 178 209	#FDB2D1

#CD46AB #D558B1 #DD6AB7 #E57CBE #ED8EC4 #F5A0CA #FDB2D1

#CD46AB - #FDB2D1

HSV Blend

#CD46AB - #FDB2D1 | 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 #CD46AB as 0% and #FDB2D1 as 100%.

0.0%	0.0% #CD46AB	RGB 205 70 171	#CD46AB
16.7%	16.7% #D555AD	RGB 213 85 173	#D555AD
33.3%	33.3% #DD66B1	RGB 221 102 177	#DD66B1
50.0%	50.0% #E577B7	RGB 229 119 183	#E577B7
66.7%	66.7% #ED8ABE	RGB 237 138 190	#ED8ABE
83.3%	83.3% #F59DC6	RGB 245 157 198	#F59DC6
100.0%	100.0% #FDB2D1	RGB 253 178 209	#FDB2D1

#CD46AB #D555AD #DD66B1 #E577B7 #ED8ABE #F59DC6 #FDB2D1

#CD46AB - #E577B7 - #FDB2D1

CSS codes

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

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