#BCB7A8 - #827F44 | 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 #BCB7A8 to #827F44

#BCB7A8 #827F44

Calculate the color between two colors, #BCB7A8 and #827F44. 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)

#BCB7A8 - #827F44 | 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 #BCB7A8 as 0% and #827F44 as 100%.

0.0%	0.0% #BCB7A8	RGB 188 183 168	#BCB7A8
16.7%	16.7% #B2AD97	RGB 178 173 151	#B2AD97
33.3%	33.3% #A8A486	RGB 168 164 134	#A8A486
50.0%	50.0% #9F9B76	RGB 159 155 118	#9F9B76
66.7%	66.7% #959165	RGB 149 145 101	#959165
83.3%	83.3% #8B8854	RGB 139 136 84	#8B8854
100.0%	100.0% #827F44	RGB 130 127 68	#827F44

#BCB7A8 #B2AD97 #A8A486 #9F9B76 #959165 #8B8854 #827F44

#BCB7A8 - #827F44

HSV Blend

#BCB7A8 - #827F44 | 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 #BCB7A8 as 0% and #827F44 as 100%.

0.0%	0.0% #BCB7A8	RGB 188 183 168	#BCB7A8
16.7%	16.7% #B2AB94	RGB 178 171 148	#B2AB94
33.3%	33.3% #A8A181	RGB 168 161 129	#A8A181
50.0%	50.0% #9F9870	RGB 159 152 112	#9F9870
66.7%	66.7% #958F60	RGB 149 143 96	#958F60
83.3%	83.3% #8B8651	RGB 139 134 81	#8B8651
100.0%	100.0% #827F44	RGB 130 127 68	#827F44

#BCB7A8 #B2AB94 #A8A181 #9F9870 #958F60 #8B8651 #827F44

#BCB7A8 - #9F9870 - #827F44

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCB7A8 0%, #9F9870 50%, #827F44 100%);
    background: -webkit-linear-gradient(top, #BCB7A8 0%, #9F9870 50%, #827F44 100%);
    background: linear-gradient(to bottom, #BCB7A8 0%, #9F9870 50%, #827F44 100%);
}
</style>