#C4B8B2 - #8F7360 | 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 #C4B8B2 to #8F7360

#C4B8B2 #8F7360

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

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

0.0%	0.0% #C4B8B2	RGB 196 184 178	#C4B8B2
16.7%	16.7% #BBACA4	RGB 187 172 164	#BBACA4
33.3%	33.3% #B2A196	RGB 178 161 150	#B2A196
50.0%	50.0% #A99589	RGB 169 149 137	#A99589
66.7%	66.7% #A08A7B	RGB 160 138 123	#A08A7B
83.3%	83.3% #977E6D	RGB 151 126 109	#977E6D
100.0%	100.0% #8F7360	RGB 143 115 96	#8F7360

#C4B8B2 #BBACA4 #B2A196 #A99589 #A08A7B #977E6D #8F7360

#C4B8B2 - #8F7360

HSV Blend

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

0.0%	0.0% #C4B8B2	RGB 196 184 178	#C4B8B2
16.7%	16.7% #BBABA2	RGB 187 171 162	#BBABA2
33.3%	33.3% #B29E93	RGB 178 158 147	#B29E93
50.0%	50.0% #A99385	RGB 169 147 133	#A99385
66.7%	66.7% #A08778	RGB 160 135 120	#A08778
83.3%	83.3% #977D6B	RGB 151 125 107	#977D6B
100.0%	100.0% #8F7360	RGB 143 115 96	#8F7360

#C4B8B2 #BBABA2 #B29E93 #A99385 #A08778 #977D6B #8F7360

#C4B8B2 - #A99385 - #8F7360

CSS codes

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

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