#C7BAB8 - #AD7064 | 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 #C7BAB8 to #AD7064

#C7BAB8 #AD7064

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

#C7BAB8 - #AD7064 | 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 #C7BAB8 as 0% and #AD7064 as 100%.

0.0%	0.0% #C7BAB8	RGB 199 186 184	#C7BAB8
16.7%	16.7% #C2ADAA	RGB 194 173 170	#C2ADAA
33.3%	33.3% #BEA19C	RGB 190 161 156	#BEA19C
50.0%	50.0% #BA958E	RGB 186 149 142	#BA958E
66.7%	66.7% #B58880	RGB 181 136 128	#B58880
83.3%	83.3% #B17C72	RGB 177 124 114	#B17C72
100.0%	100.0% #AD7064	RGB 173 112 100	#AD7064

#C7BAB8 #C2ADAA #BEA19C #BA958E #B58880 #B17C72 #AD7064

#C7BAB8 - #AD7064

HSV Blend

#C7BAB8 - #AD7064 | 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 #C7BAB8 as 0% and #AD7064 as 100%.

0.0%	0.0% #C7BAB8	RGB 199 186 184	#C7BAB8
16.7%	16.7% #C2ACA8	RGB 194 172 168	#C2ACA8
33.3%	33.3% #BE9F99	RGB 190 159 153	#BE9F99
50.0%	50.0% #BA928B	RGB 186 146 139	#BA928B
66.7%	66.7% #B5867D	RGB 181 134 125	#B5867D
83.3%	83.3% #B17B70	RGB 177 123 112	#B17B70
100.0%	100.0% #AD7064	RGB 173 112 100	#AD7064

#C7BAB8 #C2ACA8 #BE9F99 #BA928B #B5867D #B17B70 #AD7064

#C7BAB8 - #BA928B - #AD7064

CSS codes

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

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