#CF6DAB - #FBCBCA | 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 #CF6DAB to #FBCBCA

#CF6DAB #FBCBCA

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

#CF6DAB - #FBCBCA | 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 #CF6DAB as 0% and #FBCBCA as 100%.

0.0%	0.0% #CF6DAB	RGB 207 109 171	#CF6DAB
16.7%	16.7% #D67CB0	RGB 214 124 176	#D67CB0
33.3%	33.3% #DD8CB5	RGB 221 140 181	#DD8CB5
50.0%	50.0% #E59CBA	RGB 229 156 186	#E59CBA
66.7%	66.7% #ECABBF	RGB 236 171 191	#ECABBF
83.3%	83.3% #F3BBC4	RGB 243 187 196	#F3BBC4
100.0%	100.0% #FBCBCA	RGB 251 203 202	#FBCBCA

#CF6DAB #D67CB0 #DD8CB5 #E59CBA #ECABBF #F3BBC4 #FBCBCA

#CF6DAB - #FBCBCA

HSV Blend

#CF6DAB - #FBCBCA | 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 #CF6DAB as 0% and #FBCBCA as 100%.

0.0%	0.0% #CF6DAB	RGB 207 109 171	#CF6DAB
16.7%	16.7% #D67AAA	RGB 214 122 170	#D67AAA
33.3%	33.3% #DD89AC	RGB 221 137 172	#DD89AC
50.0%	50.0% #E598AF	RGB 229 152 175	#E598AF
66.7%	66.7% #ECA8B5	RGB 236 168 181	#ECA8B5
83.3%	83.3% #F3B8BE	RGB 243 184 190	#F3B8BE
100.0%	100.0% #FBCBCA	RGB 251 203 202	#FBCBCA

#CF6DAB #D67AAA #DD89AC #E598AF #ECA8B5 #F3B8BE #FBCBCA

#CF6DAB - #E598AF - #FBCBCA

CSS codes

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

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