#CFCDC3 - #8F7864 | 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 #CFCDC3 to #8F7864

#CFCDC3 #8F7864

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

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

0.0%	0.0% #CFCDC3	RGB 207 205 195	#CFCDC3
16.7%	16.7% #C4BEB3	RGB 196 190 179	#C4BEB3
33.3%	33.3% #B9B0A3	RGB 185 176 163	#B9B0A3
50.0%	50.0% #AFA293	RGB 175 162 147	#AFA293
66.7%	66.7% #A49483	RGB 164 148 131	#A49483
83.3%	83.3% #998673	RGB 153 134 115	#998673
100.0%	100.0% #8F7864	RGB 143 120 100	#8F7864

#CFCDC3 #C4BEB3 #B9B0A3 #AFA293 #A49483 #998673 #8F7864

#CFCDC3 - #8F7864

HSV Blend

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

0.0%	0.0% #CFCDC3	RGB 207 205 195	#CFCDC3
16.7%	16.7% #C4BFB1	RGB 196 191 177	#C4BFB1
33.3%	33.3% #B9B29F	RGB 185 178 159	#B9B29F
50.0%	50.0% #AFA38F	RGB 175 163 143	#AFA38F
66.7%	66.7% #A49580	RGB 164 149 128	#A49580
83.3%	83.3% #998671	RGB 153 134 113	#998671
100.0%	100.0% #8F7864	RGB 143 120 100	#8F7864

#CFCDC3 #C4BFB1 #B9B29F #AFA38F #A49580 #998671 #8F7864

#CFCDC3 - #AFA38F - #8F7864

CSS codes

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

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