#BC5E8B - #FCB5A7 | 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 #BC5E8B to #FCB5A7

#BC5E8B #FCB5A7

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

#BC5E8B - #FCB5A7 | 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 #BC5E8B as 0% and #FCB5A7 as 100%.

0.0%	0.0% #BC5E8B	RGB 188 94 139	#BC5E8B
16.7%	16.7% #C66C8F	RGB 198 108 143	#C66C8F
33.3%	33.3% #D17B94	RGB 209 123 148	#D17B94
50.0%	50.0% #DC8999	RGB 220 137 153	#DC8999
66.7%	66.7% #E6989D	RGB 230 152 157	#E6989D
83.3%	83.3% #F1A6A2	RGB 241 166 162	#F1A6A2
100.0%	100.0% #FCB5A7	RGB 252 181 167	#FCB5A7

#BC5E8B #C66C8F #D17B94 #DC8999 #E6989D #F1A6A2 #FCB5A7

#BC5E8B - #FCB5A7

HSV Blend

#BC5E8B - #FCB5A7 | 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 #BC5E8B as 0% and #FCB5A7 as 100%.

0.0%	0.0% #BC5E8B	RGB 188 94 139	#BC5E8B
16.7%	16.7% #C6688B	RGB 198 104 139	#C6688B
33.3%	33.3% #D1748C	RGB 209 116 140	#D1748C
50.0%	50.0% #DC7F8E	RGB 220 127 142	#DC7F8E
66.7%	66.7% #E68C90	RGB 230 140 144	#E68C90
83.3%	83.3% #F19E99	RGB 241 158 153	#F19E99
100.0%	100.0% #FCB5A7	RGB 252 181 167	#FCB5A7

#BC5E8B #C6688B #D1748C #DC7F8E #E68C90 #F19E99 #FCB5A7

#BC5E8B - #DC7F8E - #FCB5A7

CSS codes

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

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