#C7BFA4 - #8F8052 | 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 #C7BFA4 to #8F8052

#C7BFA4 #8F8052

Calculate the color between two colors, #C7BFA4 and #8F8052. 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)

#C7BFA4 - #8F8052 | 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 #C7BFA4 as 0% and #8F8052 as 100%.

0.0%	0.0% #C7BFA4	RGB 199 191 164	#C7BFA4
16.7%	16.7% #BDB496	RGB 189 180 150	#BDB496
33.3%	33.3% #B4AA88	RGB 180 170 136	#B4AA88
50.0%	50.0% #AB9F7B	RGB 171 159 123	#AB9F7B
66.7%	66.7% #A1956D	RGB 161 149 109	#A1956D
83.3%	83.3% #988A5F	RGB 152 138 95	#988A5F
100.0%	100.0% #8F8052	RGB 143 128 82	#8F8052

#C7BFA4 #BDB496 #B4AA88 #AB9F7B #A1956D #988A5F #8F8052

#C7BFA4 - #8F8052

HSV Blend

#C7BFA4 - #8F8052 | 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 #C7BFA4 as 0% and #8F8052 as 100%.

0.0%	0.0% #C7BFA4	RGB 199 191 164	#C7BFA4
16.7%	16.7% #BDB494	RGB 189 180 148	#BDB494
33.3%	33.3% #B4A985	RGB 180 169 133	#B4A985
50.0%	50.0% #AB9E77	RGB 171 158 119	#AB9E77
66.7%	66.7% #A1946A	RGB 161 148 106	#A1946A
83.3%	83.3% #988A5D	RGB 152 138 93	#988A5D
100.0%	100.0% #8F8052	RGB 143 128 82	#8F8052

#C7BFA4 #BDB494 #B4A985 #AB9E77 #A1946A #988A5D #8F8052

#C7BFA4 - #AB9E77 - #8F8052

CSS codes

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

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