#D5D2D1 - #AF8C82 | 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 #D5D2D1 to #AF8C82

#D5D2D1 #AF8C82

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

#D5D2D1 - #AF8C82 | 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 #D5D2D1 as 0% and #AF8C82 as 100%.

0.0%	0.0% #D5D2D1	RGB 213 210 209	#D5D2D1
16.7%	16.7% #CEC6C3	RGB 206 198 195	#CEC6C3
33.3%	33.3% #C8BAB6	RGB 200 186 182	#C8BAB6
50.0%	50.0% #C2AFA9	RGB 194 175 169	#C2AFA9
66.7%	66.7% #BBA39C	RGB 187 163 156	#BBA39C
83.3%	83.3% #B5978F	RGB 181 151 143	#B5978F
100.0%	100.0% #AF8C82	RGB 175 140 130	#AF8C82

#D5D2D1 #CEC6C3 #C8BAB6 #C2AFA9 #BBA39C #B5978F #AF8C82

#D5D2D1 - #AF8C82

HSV Blend

#D5D2D1 - #AF8C82 | 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 #D5D2D1 as 0% and #AF8C82 as 100%.

0.0%	0.0% #D5D2D1	RGB 213 210 209	#D5D2D1
16.7%	16.7% #CEC5C2	RGB 206 197 194	#CEC5C2
33.3%	33.3% #C8B9B4	RGB 200 185 180	#C8B9B4
50.0%	50.0% #C2ADA7	RGB 194 173 167	#C2ADA7
66.7%	66.7% #BBA29A	RGB 187 162 154	#BBA29A
83.3%	83.3% #B5968D	RGB 181 150 141	#B5968D
100.0%	100.0% #AF8C82	RGB 175 140 130	#AF8C82

#D5D2D1 #CEC5C2 #C8B9B4 #C2ADA7 #BBA29A #B5968D #AF8C82

#D5D2D1 - #C2ADA7 - #AF8C82

CSS codes

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

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