#B66C92 - #FCBFAE | 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 #B66C92 to #FCBFAE

#B66C92 #FCBFAE

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

#B66C92 - #FCBFAE | 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 #B66C92 as 0% and #FCBFAE as 100%.

0.0%	0.0% #B66C92	RGB 182 108 146	#B66C92
16.7%	16.7% #C17996	RGB 193 121 150	#C17996
33.3%	33.3% #CD879B	RGB 205 135 155	#CD879B
50.0%	50.0% #D995A0	RGB 217 149 160	#D995A0
66.7%	66.7% #E4A3A4	RGB 228 163 164	#E4A3A4
83.3%	83.3% #F0B1A9	RGB 240 177 169	#F0B1A9
100.0%	100.0% #FCBFAE	RGB 252 191 174	#FCBFAE

#B66C92 #C17996 #CD879B #D995A0 #E4A3A4 #F0B1A9 #FCBFAE

#B66C92 - #FCBFAE

HSV Blend

#B66C92 - #FCBFAE | 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 #B66C92 as 0% and #FCBFAE as 100%.

0.0%	0.0% #B66C92	RGB 182 108 146	#B66C92
16.7%	16.7% #C17693	RGB 193 118 147	#C17693
33.3%	33.3% #CD8095	RGB 205 128 149	#CD8095
50.0%	50.0% #D98B96	RGB 217 139 150	#D98B96
66.7%	66.7% #E49698	RGB 228 150 152	#E49698
83.3%	83.3% #F0A9A2	RGB 240 169 162	#F0A9A2
100.0%	100.0% #FCBFAE	RGB 252 191 174	#FCBFAE

#B66C92 #C17693 #CD8095 #D98B96 #E49698 #F0A9A2 #FCBFAE

#B66C92 - #D98B96 - #FCBFAE

CSS codes

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

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