#BA7A8C - #C8C9C8 | 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 #BA7A8C to #C8C9C8

#BA7A8C #C8C9C8

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

#BA7A8C - #C8C9C8 | 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 #BA7A8C as 0% and #C8C9C8 as 100%.

0.0%	0.0% #BA7A8C	RGB 186 122 140	#BA7A8C
16.7%	16.7% #BC8796	RGB 188 135 150	#BC8796
33.3%	33.3% #BE94A0	RGB 190 148 160	#BE94A0
50.0%	50.0% #C1A1AA	RGB 193 161 170	#C1A1AA
66.7%	66.7% #C3AEB4	RGB 195 174 180	#C3AEB4
83.3%	83.3% #C5BBBE	RGB 197 187 190	#C5BBBE
100.0%	100.0% #C8C9C8	RGB 200 201 200	#C8C9C8

#BA7A8C #BC8796 #BE94A0 #C1A1AA #C3AEB4 #C5BBBE #C8C9C8

#BA7A8C - #C8C9C8

HSV Blend

#BA7A8C - #C8C9C8 | 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 #BA7A8C as 0% and #C8C9C8 as 100%.

0.0%	0.0% #BA7A8C	RGB 186 122 140	#BA7A8C
16.7%	16.7% #BC8B86	RGB 188 139 134	#BC8B86
33.3%	33.3% #BFA892	RGB 191 168 146	#BFA892
50.0%	50.0% #C1BC9F	RGB 193 188 159	#C1BC9F
66.7%	66.7% #BEC4AC	RGB 190 196 172	#BEC4AC
83.3%	83.3% #BEC6BA	RGB 190 198 186	#BEC6BA
100.0%	100.0% #C8C9C8	RGB 200 201 200	#C8C9C8

#BA7A8C #BC8B86 #BFA892 #C1BC9F #BEC4AC #BEC6BA #C8C9C8

#BA7A8C - #C1BC9F - #C8C9C8

CSS codes

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

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