#D0CFC7 - #AB9F76 | 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 #D0CFC7 to #AB9F76

#D0CFC7 #AB9F76

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

#D0CFC7 - #AB9F76 | 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 #D0CFC7 as 0% and #AB9F76 as 100%.

0.0%	0.0% #D0CFC7	RGB 208 207 199	#D0CFC7
16.7%	16.7% #C9C7B9	RGB 201 199 185	#C9C7B9
33.3%	33.3% #C3BFAC	RGB 195 191 172	#C3BFAC
50.0%	50.0% #BDB79E	RGB 189 183 158	#BDB79E
66.7%	66.7% #B7AF91	RGB 183 175 145	#B7AF91
83.3%	83.3% #B1A783	RGB 177 167 131	#B1A783
100.0%	100.0% #AB9F76	RGB 171 159 118	#AB9F76

#D0CFC7 #C9C7B9 #C3BFAC #BDB79E #B7AF91 #B1A783 #AB9F76

#D0CFC7 - #AB9F76

HSV Blend

#D0CFC7 - #AB9F76 | 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 #D0CFC7 as 0% and #AB9F76 as 100%.

0.0%	0.0% #D0CFC7	RGB 208 207 199	#D0CFC7
16.7%	16.7% #C9C7B8	RGB 201 199 184	#C9C7B8
33.3%	33.3% #C3BFA9	RGB 195 191 169	#C3BFA9
50.0%	50.0% #BDB79C	RGB 189 183 156	#BDB79C
66.7%	66.7% #B7AF8E	RGB 183 175 142	#B7AF8E
83.3%	83.3% #B1A782	RGB 177 167 130	#B1A782
100.0%	100.0% #AB9F76	RGB 171 159 118	#AB9F76

#D0CFC7 #C9C7B8 #C3BFA9 #BDB79C #B7AF8E #B1A782 #AB9F76

#D0CFC7 - #BDB79C - #AB9F76

CSS codes

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

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