#D2D2D1 - #A69B82 | 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 #D2D2D1 to #A69B82

#D2D2D1 #A69B82

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

#D2D2D1 - #A69B82 | 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 #D2D2D1 as 0% and #A69B82 as 100%.

0.0%	0.0% #D2D2D1	RGB 210 210 209	#D2D2D1
16.7%	16.7% #CAC8C3	RGB 202 200 195	#CAC8C3
33.3%	33.3% #C3BFB6	RGB 195 191 182	#C3BFB6
50.0%	50.0% #BCB6A9	RGB 188 182 169	#BCB6A9
66.7%	66.7% #B4AD9C	RGB 180 173 156	#B4AD9C
83.3%	83.3% #ADA48F	RGB 173 164 143	#ADA48F
100.0%	100.0% #A69B82	RGB 166 155 130	#A69B82

#D2D2D1 #CAC8C3 #C3BFB6 #BCB6A9 #B4AD9C #ADA48F #A69B82

#D2D2D1 - #A69B82

HSV Blend

#D2D2D1 - #A69B82 | 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 #D2D2D1 as 0% and #A69B82 as 100%.

0.0%	0.0% #D2D2D1	RGB 210 210 209	#D2D2D1
16.7%	16.7% #CACAC2	RGB 202 202 194	#CACAC2
33.3%	33.3% #C3C1B4	RGB 195 193 180	#C3C1B4
50.0%	50.0% #BCB8A7	RGB 188 184 167	#BCB8A7
66.7%	66.7% #B4AF9A	RGB 180 175 154	#B4AF9A
83.3%	83.3% #ADA58D	RGB 173 165 141	#ADA58D
100.0%	100.0% #A69B82	RGB 166 155 130	#A69B82

#D2D2D1 #CACAC2 #C3C1B4 #BCB8A7 #B4AF9A #ADA58D #A69B82

#D2D2D1 - #BCB8A7 - #A69B82

CSS codes

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

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