#DBD9D2 - #A4A86E | 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 #DBD9D2 to #A4A86E

#DBD9D2 #A4A86E

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

#DBD9D2 - #A4A86E | 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 #DBD9D2 as 0% and #A4A86E as 100%.

0.0%	0.0% #DBD9D2	RGB 219 217 210	#DBD9D2
16.7%	16.7% #D1D0C1	RGB 209 208 193	#D1D0C1
33.3%	33.3% #C8C8B0	RGB 200 200 176	#C8C8B0
50.0%	50.0% #BFC0A0	RGB 191 192 160	#BFC0A0
66.7%	66.7% #B6B88F	RGB 182 184 143	#B6B88F
83.3%	83.3% #ADB07E	RGB 173 176 126	#ADB07E
100.0%	100.0% #A4A86E	RGB 164 168 110	#A4A86E

#DBD9D2 #D1D0C1 #C8C8B0 #BFC0A0 #B6B88F #ADB07E #A4A86E

#DBD9D2 - #A4A86E

HSV Blend

#DBD9D2 - #A4A86E | 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 #DBD9D2 as 0% and #A4A86E as 100%.

0.0%	0.0% #DBD9D2	RGB 219 217 210	#DBD9D2
16.7%	16.7% #D2CFBF	RGB 210 207 191	#D2CFBF
33.3%	33.3% #CAC6AD	RGB 202 198 173	#CAC6AD
50.0%	50.0% #C1BE9C	RGB 193 190 156	#C1BE9C
66.7%	66.7% #B9B78B	RGB 185 183 139	#B9B78B
83.3%	83.3% #AFB07C	RGB 175 176 124	#AFB07C
100.0%	100.0% #A4A86E	RGB 164 168 110	#A4A86E

#DBD9D2 #D2CFBF #CAC6AD #C1BE9C #B9B78B #AFB07C #A4A86E

#DBD9D2 - #C1BE9C - #A4A86E

CSS codes

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

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