#BC7B9C - #FDCBB7 | 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 #BC7B9C to #FDCBB7

#BC7B9C #FDCBB7

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

#BC7B9C - #FDCBB7 | 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 #BC7B9C as 0% and #FDCBB7 as 100%.

0.0%	0.0% #BC7B9C	RGB 188 123 156	#BC7B9C
16.7%	16.7% #C688A0	RGB 198 136 160	#C688A0
33.3%	33.3% #D195A5	RGB 209 149 165	#D195A5
50.0%	50.0% #DCA3A9	RGB 220 163 169	#DCA3A9
66.7%	66.7% #E7B0AE	RGB 231 176 174	#E7B0AE
83.3%	83.3% #F2BDB2	RGB 242 189 178	#F2BDB2
100.0%	100.0% #FDCBB7	RGB 253 203 183	#FDCBB7

#BC7B9C #C688A0 #D195A5 #DCA3A9 #E7B0AE #F2BDB2 #FDCBB7

#BC7B9C - #FDCBB7

HSV Blend

#BC7B9C - #FDCBB7 | 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 #BC7B9C as 0% and #FDCBB7 as 100%.

0.0%	0.0% #BC7B9C	RGB 188 123 156	#BC7B9C
16.7%	16.7% #C6849D	RGB 198 132 157	#C6849D
33.3%	33.3% #D18E9E	RGB 209 142 158	#D18E9E
50.0%	50.0% #DC979F	RGB 220 151 159	#DC979F
66.7%	66.7% #E7A3A2	RGB 231 163 162	#E7A3A2
83.3%	83.3% #F2B7AC	RGB 242 183 172	#F2B7AC
100.0%	100.0% #FDCBB7	RGB 253 203 183	#FDCBB7

#BC7B9C #C6849D #D18E9E #DC979F #E7A3A2 #F2B7AC #FDCBB7

#BC7B9C - #DC979F - #FDCBB7

CSS codes

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

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