#FFBFD6 - #CF5478 | 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 #FFBFD6 to #CF5478

#FFBFD6 #CF5478

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

#FFBFD6 - #CF5478 | 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 #FFBFD6 as 0% and #CF5478 as 100%.

0.0%	0.0% #FFBFD6	RGB 255 191 214	#FFBFD6
16.7%	16.7% #F7ADC6	RGB 247 173 198	#F7ADC6
33.3%	33.3% #EF9BB6	RGB 239 155 182	#EF9BB6
50.0%	50.0% #E789A7	RGB 231 137 167	#E789A7
66.7%	66.7% #DF7797	RGB 223 119 151	#DF7797
83.3%	83.3% #D76587	RGB 215 101 135	#D76587
100.0%	100.0% #CF5478	RGB 207 84 120	#CF5478

#FFBFD6 #F7ADC6 #EF9BB6 #E789A7 #DF7797 #D76587 #CF5478

#FFBFD6 - #CF5478

HSV Blend

#FFBFD6 - #CF5478 | 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 #FFBFD6 as 0% and #CF5478 as 100%.

0.0%	0.0% #FFBFD6	RGB 255 191 214	#FFBFD6
16.7%	16.7% #F7AAC5	RGB 247 170 197	#F7AAC5
33.3%	33.3% #EF97B5	RGB 239 151 181	#EF97B5
50.0%	50.0% #E785A5	RGB 231 133 165	#E785A5
66.7%	66.7% #DF7495	RGB 223 116 149	#DF7495
83.3%	83.3% #D76386	RGB 215 99 134	#D76386
100.0%	100.0% #CF5478	RGB 207 84 120	#CF5478

#FFBFD6 #F7AAC5 #EF97B5 #E785A5 #DF7495 #D76386 #CF5478

#FFBFD6 - #E785A5 - #CF5478

CSS codes

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

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