#D0CDC2 - #AF9A70 | 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 #D0CDC2 to #AF9A70

#D0CDC2 #AF9A70

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

#D0CDC2 - #AF9A70 | 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 #D0CDC2 as 0% and #AF9A70 as 100%.

0.0%	0.0% #D0CDC2	RGB 208 205 194	#D0CDC2
16.7%	16.7% #CAC4B4	RGB 202 196 180	#CAC4B4
33.3%	33.3% #C5BCA6	RGB 197 188 166	#C5BCA6
50.0%	50.0% #BFB399	RGB 191 179 153	#BFB399
66.7%	66.7% #BAAB8B	RGB 186 171 139	#BAAB8B
83.3%	83.3% #B4A27D	RGB 180 162 125	#B4A27D
100.0%	100.0% #AF9A70	RGB 175 154 112	#AF9A70

#D0CDC2 #CAC4B4 #C5BCA6 #BFB399 #BAAB8B #B4A27D #AF9A70

#D0CDC2 - #AF9A70

HSV Blend

#D0CDC2 - #AF9A70 | 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 #D0CDC2 as 0% and #AF9A70 as 100%.

0.0%	0.0% #D0CDC2	RGB 208 205 194	#D0CDC2
16.7%	16.7% #CAC4B2	RGB 202 196 178	#CAC4B2
33.3%	33.3% #C5BCA4	RGB 197 188 164	#C5BCA4
50.0%	50.0% #BFB496	RGB 191 180 150	#BFB496
66.7%	66.7% #BAAB89	RGB 186 171 137	#BAAB89
83.3%	83.3% #B4A27C	RGB 180 162 124	#B4A27C
100.0%	100.0% #AF9A70	RGB 175 154 112	#AF9A70

#D0CDC2 #CAC4B2 #C5BCA4 #BFB496 #BAAB89 #B4A27C #AF9A70

#D0CDC2 - #BFB496 - #AF9A70

CSS codes

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

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