#BCB8C0 - #706178 | 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 #BCB8C0 to #706178

#BCB8C0 #706178

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

#BCB8C0 - #706178 | 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 #BCB8C0 as 0% and #706178 as 100%.

0.0%	0.0% #BCB8C0	RGB 188 184 192	#BCB8C0
16.7%	16.7% #AFA9B4	RGB 175 169 180	#AFA9B4
33.3%	33.3% #A29BA8	RGB 162 155 168	#A29BA8
50.0%	50.0% #968C9C	RGB 150 140 156	#968C9C
66.7%	66.7% #897E90	RGB 137 126 144	#897E90
83.3%	83.3% #7C6F84	RGB 124 111 132	#7C6F84
100.0%	100.0% #706178	RGB 112 97 120	#706178

#BCB8C0 #AFA9B4 #A29BA8 #968C9C #897E90 #7C6F84 #706178

#BCB8C0 - #706178

HSV Blend

#BCB8C0 - #706178 | 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 #BCB8C0 as 0% and #706178 as 100%.

0.0%	0.0% #BCB8C0	RGB 188 184 192	#BCB8C0
16.7%	16.7% #AEA8B4	RGB 174 168 180	#AEA8B4
33.3%	33.3% #A198A8	RGB 161 152 168	#A198A8
50.0%	50.0% #94899C	RGB 148 137 156	#94899C
66.7%	66.7% #877B90	RGB 135 123 144	#877B90
83.3%	83.3% #7B6E84	RGB 123 110 132	#7B6E84
100.0%	100.0% #706178	RGB 112 97 120	#706178

#BCB8C0 #AEA8B4 #A198A8 #94899C #877B90 #7B6E84 #706178

#BCB8C0 - #94899C - #706178

CSS codes

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

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