#FFBFD7 - #CF5479 | 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 #FFBFD7 to #CF5479

#FFBFD7 #CF5479

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

#FFBFD7 - #CF5479 | 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 #FFBFD7 as 0% and #CF5479 as 100%.

0.0%	0.0% #FFBFD7	RGB 255 191 215	#FFBFD7
16.7%	16.7% #F7ADC7	RGB 247 173 199	#F7ADC7
33.3%	33.3% #EF9BB7	RGB 239 155 183	#EF9BB7
50.0%	50.0% #E789A8	RGB 231 137 168	#E789A8
66.7%	66.7% #DF7798	RGB 223 119 152	#DF7798
83.3%	83.3% #D76588	RGB 215 101 136	#D76588
100.0%	100.0% #CF5479	RGB 207 84 121	#CF5479

#FFBFD7 #F7ADC7 #EF9BB7 #E789A8 #DF7798 #D76588 #CF5479

#FFBFD7 - #CF5479

HSV Blend

#FFBFD7 - #CF5479 | 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 #FFBFD7 as 0% and #CF5479 as 100%.

0.0%	0.0% #FFBFD7	RGB 255 191 215	#FFBFD7
16.7%	16.7% #F7AAC6	RGB 247 170 198	#F7AAC6
33.3%	33.3% #EF97B6	RGB 239 151 182	#EF97B6
50.0%	50.0% #E785A6	RGB 231 133 166	#E785A6
66.7%	66.7% #DF7496	RGB 223 116 150	#DF7496
83.3%	83.3% #D76387	RGB 215 99 135	#D76387
100.0%	100.0% #CF5479	RGB 207 84 121	#CF5479

#FFBFD7 #F7AAC6 #EF97B6 #E785A6 #DF7496 #D76387 #CF5479

#FFBFD7 - #E785A6 - #CF5479

CSS codes

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

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