#BC8C9C - #FFD3B3 | 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 #BC8C9C to #FFD3B3

#BC8C9C #FFD3B3

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

#BC8C9C - #FFD3B3 | 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 #BC8C9C as 0% and #FFD3B3 as 100%.

0.0%	0.0% #BC8C9C	RGB 188 140 156	#BC8C9C
16.7%	16.7% #C7979F	RGB 199 151 159	#C7979F
33.3%	33.3% #D2A3A3	RGB 210 163 163	#D2A3A3
50.0%	50.0% #DDAFA7	RGB 221 175 167	#DDAFA7
66.7%	66.7% #E8BBAB	RGB 232 187 171	#E8BBAB
83.3%	83.3% #F3C7AF	RGB 243 199 175	#F3C7AF
100.0%	100.0% #FFD3B3	RGB 255 211 179	#FFD3B3

#BC8C9C #C7979F #D2A3A3 #DDAFA7 #E8BBAB #F3C7AF #FFD3B3

#BC8C9C - #FFD3B3

HSV Blend

#BC8C9C - #FFD3B3 | 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 #BC8C9C as 0% and #FFD3B3 as 100%.

0.0%	0.0% #BC8C9C	RGB 188 140 156	#BC8C9C
16.7%	16.7% #C7929D	RGB 199 146 157	#C7929D
33.3%	33.3% #D2999E	RGB 210 153 158	#D2999E
50.0%	50.0% #DDA2A0	RGB 221 162 160	#DDA2A0
66.7%	66.7% #E8B1A6	RGB 232 177 166	#E8B1A6
83.3%	83.3% #F3C1AC	RGB 243 193 172	#F3C1AC
100.0%	100.0% #FFD3B3	RGB 255 211 179	#FFD3B3

#BC8C9C #C7929D #D2999E #DDA2A0 #E8B1A6 #F3C1AC #FFD3B3

#BC8C9C - #DDA2A0 - #FFD3B3

CSS codes

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

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