#BCB8B8 - #785E6B | 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 #BCB8B8 to #785E6B

#BCB8B8 #785E6B

Calculate the color between two colors, #BCB8B8 and #785E6B. 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)

#BCB8B8 - #785E6B | 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 #BCB8B8 as 0% and #785E6B as 100%.

0.0%	0.0% #BCB8B8	RGB 188 184 184	#BCB8B8
16.7%	16.7% #B0A9AB	RGB 176 169 171	#B0A9AB
33.3%	33.3% #A59A9E	RGB 165 154 158	#A59A9E
50.0%	50.0% #9A8B91	RGB 154 139 145	#9A8B91
66.7%	66.7% #8E7C84	RGB 142 124 132	#8E7C84
83.3%	83.3% #836D77	RGB 131 109 119	#836D77
100.0%	100.0% #785E6B	RGB 120 94 107	#785E6B

#BCB8B8 #B0A9AB #A59A9E #9A8B91 #8E7C84 #836D77 #785E6B

#BCB8B8 - #785E6B

HSV Blend

#BCB8B8 - #785E6B | 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 #BCB8B8 as 0% and #785E6B as 100%.

0.0%	0.0% #BCB8B8	RGB 188 184 184	#BCB8B8
16.7%	16.7% #B0A7A7	RGB 176 167 167	#B0A7A7
33.3%	33.3% #A59799	RGB 165 151 153	#A59799
50.0%	50.0% #9A878C	RGB 154 135 140	#9A878C
66.7%	66.7% #8E7980	RGB 142 121 128	#8E7980
83.3%	83.3% #836B75	RGB 131 107 117	#836B75
100.0%	100.0% #785E6B	RGB 120 94 107	#785E6B

#BCB8B8 #B0A7A7 #A59799 #9A878C #8E7980 #836B75 #785E6B

#BCB8B8 - #9A878C - #785E6B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCB8B8 0%, #9A878C 50%, #785E6B 100%);
    background: -webkit-linear-gradient(top, #BCB8B8 0%, #9A878C 50%, #785E6B 100%);
    background: linear-gradient(to bottom, #BCB8B8 0%, #9A878C 50%, #785E6B 100%);
}
</style>