#B46A8B - #FCBCA6 | 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 #B46A8B to #FCBCA6

#B46A8B #FCBCA6

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

#B46A8B - #FCBCA6 | 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 #B46A8B as 0% and #FCBCA6 as 100%.

0.0%	0.0% #B46A8B	RGB 180 106 139	#B46A8B
16.7%	16.7% #C0778F	RGB 192 119 143	#C0778F
33.3%	33.3% #CC8594	RGB 204 133 148	#CC8594
50.0%	50.0% #D89398	RGB 216 147 152	#D89398
66.7%	66.7% #E4A09D	RGB 228 160 157	#E4A09D
83.3%	83.3% #F0AEA1	RGB 240 174 161	#F0AEA1
100.0%	100.0% #FCBCA6	RGB 252 188 166	#FCBCA6

#B46A8B #C0778F #CC8594 #D89398 #E4A09D #F0AEA1 #FCBCA6

#B46A8B - #FCBCA6

HSV Blend

#B46A8B - #FCBCA6 | 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 #B46A8B as 0% and #FCBCA6 as 100%.

0.0%	0.0% #B46A8B	RGB 180 106 139	#B46A8B
16.7%	16.7% #C0738C	RGB 192 115 140	#C0738C
33.3%	33.3% #CC7C8D	RGB 204 124 141	#CC7C8D
50.0%	50.0% #D8868E	RGB 216 134 142	#D8868E
66.7%	66.7% #E49290	RGB 228 146 144	#E49290
83.3%	83.3% #F0A79B	RGB 240 167 155	#F0A79B
100.0%	100.0% #FCBCA6	RGB 252 188 166	#FCBCA6

#B46A8B #C0738C #CC7C8D #D8868E #E49290 #F0A79B #FCBCA6

#B46A8B - #D8868E - #FCBCA6

CSS codes

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

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