#BC8F99 - #FFD4AF | 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 #BC8F99 to #FFD4AF

#BC8F99 #FFD4AF

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

#BC8F99 - #FFD4AF | 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 #BC8F99 as 0% and #FFD4AF as 100%.

0.0%	0.0% #BC8F99	RGB 188 143 153	#BC8F99
16.7%	16.7% #C79A9C	RGB 199 154 156	#C79A9C
33.3%	33.3% #D2A6A0	RGB 210 166 160	#D2A6A0
50.0%	50.0% #DDB1A4	RGB 221 177 164	#DDB1A4
66.7%	66.7% #E8BDA7	RGB 232 189 167	#E8BDA7
83.3%	83.3% #F3C8AB	RGB 243 200 171	#F3C8AB
100.0%	100.0% #FFD4AF	RGB 255 212 175	#FFD4AF

#BC8F99 #C79A9C #D2A6A0 #DDB1A4 #E8BDA7 #F3C8AB #FFD4AF

#BC8F99 - #FFD4AF

HSV Blend

#BC8F99 - #FFD4AF | 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 #BC8F99 as 0% and #FFD4AF as 100%.

0.0%	0.0% #BC8F99	RGB 188 143 153	#BC8F99
16.7%	16.7% #C7959A	RGB 199 149 154	#C7959A
33.3%	33.3% #D29B9A	RGB 210 155 154	#D29B9A
50.0%	50.0% #DDA7A0	RGB 221 167 160	#DDA7A0
66.7%	66.7% #E8B5A5	RGB 232 181 165	#E8B5A5
83.3%	83.3% #F3C3AA	RGB 243 195 170	#F3C3AA
100.0%	100.0% #FFD4AF	RGB 255 212 175	#FFD4AF

#BC8F99 #C7959A #D29B9A #DDA7A0 #E8B5A5 #F3C3AA #FFD4AF

#BC8F99 - #DDA7A0 - #FFD4AF

CSS codes

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

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