#DDDBCD - #B7A67D | 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 #DDDBCD to #B7A67D

#DDDBCD #B7A67D

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

#DDDBCD - #B7A67D | 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 #DDDBCD as 0% and #B7A67D as 100%.

0.0%	0.0% #DDDBCD	RGB 221 219 205	#DDDBCD
16.7%	16.7% #D6D2BF	RGB 214 210 191	#D6D2BF
33.3%	33.3% #D0C9B2	RGB 208 201 178	#D0C9B2
50.0%	50.0% #CAC0A5	RGB 202 192 165	#CAC0A5
66.7%	66.7% #C3B797	RGB 195 183 151	#C3B797
83.3%	83.3% #BDAE8A	RGB 189 174 138	#BDAE8A
100.0%	100.0% #B7A67D	RGB 183 166 125	#B7A67D

#DDDBCD #D6D2BF #D0C9B2 #CAC0A5 #C3B797 #BDAE8A #B7A67D

#DDDBCD - #B7A67D

HSV Blend

#DDDBCD - #B7A67D | 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 #DDDBCD as 0% and #B7A67D as 100%.

0.0%	0.0% #DDDBCD	RGB 221 219 205	#DDDBCD
16.7%	16.7% #D6D2BE	RGB 214 210 190	#D6D2BE
33.3%	33.3% #D0CAB0	RGB 208 202 176	#D0CAB0
50.0%	50.0% #CAC1A2	RGB 202 193 162	#CAC1A2
66.7%	66.7% #C3B895	RGB 195 184 149	#C3B895
83.3%	83.3% #BDAF89	RGB 189 175 137	#BDAF89
100.0%	100.0% #B7A67D	RGB 183 166 125	#B7A67D

#DDDBCD #D6D2BE #D0CAB0 #CAC1A2 #C3B895 #BDAF89 #B7A67D

#DDDBCD - #CAC1A2 - #B7A67D

CSS codes

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

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