#CFBDA2 - #AD7D4D | 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 #CFBDA2 to #AD7D4D

#CFBDA2 #AD7D4D

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

#CFBDA2 - #AD7D4D | 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 #CFBDA2 as 0% and #AD7D4D as 100%.

0.0%	0.0% #CFBDA2	RGB 207 189 162	#CFBDA2
16.7%	16.7% #C9B293	RGB 201 178 147	#C9B293
33.3%	33.3% #C3A785	RGB 195 167 133	#C3A785
50.0%	50.0% #BE9D77	RGB 190 157 119	#BE9D77
66.7%	66.7% #B89269	RGB 184 146 105	#B89269
83.3%	83.3% #B2875B	RGB 178 135 91	#B2875B
100.0%	100.0% #AD7D4D	RGB 173 125 77	#AD7D4D

#CFBDA2 #C9B293 #C3A785 #BE9D77 #B89269 #B2875B #AD7D4D

#CFBDA2 - #AD7D4D

HSV Blend

#CFBDA2 - #AD7D4D | 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 #CFBDA2 as 0% and #AD7D4D as 100%.

0.0%	0.0% #CFBDA2	RGB 207 189 162	#CFBDA2
16.7%	16.7% #C9B292	RGB 201 178 146	#C9B292
33.3%	33.3% #C3A783	RGB 195 167 131	#C3A783
50.0%	50.0% #BE9C74	RGB 190 156 116	#BE9C74
66.7%	66.7% #B89266	RGB 184 146 102	#B89266
83.3%	83.3% #B28759	RGB 178 135 89	#B28759
100.0%	100.0% #AD7D4D	RGB 173 125 77	#AD7D4D

#CFBDA2 #C9B292 #C3A783 #BE9C74 #B89266 #B28759 #AD7D4D

#CFBDA2 - #BE9C74 - #AD7D4D

CSS codes

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

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