#CF6DB8 - #F9CFD9 | 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 #CF6DB8 to #F9CFD9

#CF6DB8 #F9CFD9

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

#CF6DB8 - #F9CFD9 | 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 #CF6DB8 as 0% and #F9CFD9 as 100%.

0.0%	0.0% #CF6DB8	RGB 207 109 184	#CF6DB8
16.7%	16.7% #D67DBD	RGB 214 125 189	#D67DBD
33.3%	33.3% #DD8DC3	RGB 221 141 195	#DD8DC3
50.0%	50.0% #E49EC8	RGB 228 158 200	#E49EC8
66.7%	66.7% #EBAECE	RGB 235 174 206	#EBAECE
83.3%	83.3% #F2BED3	RGB 242 190 211	#F2BED3
100.0%	100.0% #F9CFD9	RGB 249 207 217	#F9CFD9

#CF6DB8 #D67DBD #DD8DC3 #E49EC8 #EBAECE #F2BED3 #F9CFD9

#CF6DB8 - #F9CFD9

HSV Blend

#CF6DB8 - #F9CFD9 | 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 #CF6DB8 as 0% and #F9CFD9 as 100%.

0.0%	0.0% #CF6DB8	RGB 207 109 184	#CF6DB8
16.7%	16.7% #D67BB8	RGB 214 123 184	#D67BB8
33.3%	33.3% #DD8ABB	RGB 221 138 187	#DD8ABB
50.0%	50.0% #E49ABF	RGB 228 154 191	#E49ABF
66.7%	66.7% #EBABC5	RGB 235 171 197	#EBABC5
83.3%	83.3% #F2BCCE	RGB 242 188 206	#F2BCCE
100.0%	100.0% #F9CFD9	RGB 249 207 217	#F9CFD9

#CF6DB8 #D67BB8 #DD8ABB #E49ABF #EBABC5 #F2BCCE #F9CFD9

#CF6DB8 - #E49ABF - #F9CFD9

CSS codes

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

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