#DDDCD1 - #B6A882 | 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 #DDDCD1 to #B6A882

#DDDCD1 #B6A882

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

#DDDCD1 - #B6A882 | 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 #DDDCD1 as 0% and #B6A882 as 100%.

0.0%	0.0% #DDDCD1	RGB 221 220 209	#DDDCD1
16.7%	16.7% #D6D3C3	RGB 214 211 195	#D6D3C3
33.3%	33.3% #D0CAB6	RGB 208 202 182	#D0CAB6
50.0%	50.0% #C9C2A9	RGB 201 194 169	#C9C2A9
66.7%	66.7% #C3B99C	RGB 195 185 156	#C3B99C
83.3%	83.3% #BCB08F	RGB 188 176 143	#BCB08F
100.0%	100.0% #B6A882	RGB 182 168 130	#B6A882

#DDDCD1 #D6D3C3 #D0CAB6 #C9C2A9 #C3B99C #BCB08F #B6A882

#DDDCD1 - #B6A882

HSV Blend

#DDDCD1 - #B6A882 | 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 #DDDCD1 as 0% and #B6A882 as 100%.

0.0%	0.0% #DDDCD1	RGB 221 220 209	#DDDCD1
16.7%	16.7% #D6D4C2	RGB 214 212 194	#D6D4C2
33.3%	33.3% #D0CCB4	RGB 208 204 180	#D0CCB4
50.0%	50.0% #C9C3A7	RGB 201 195 167	#C9C3A7
66.7%	66.7% #C3BA9A	RGB 195 186 154	#C3BA9A
83.3%	83.3% #BCB18D	RGB 188 177 141	#BCB18D
100.0%	100.0% #B6A882	RGB 182 168 130	#B6A882

#DDDCD1 #D6D4C2 #D0CCB4 #C9C3A7 #C3BA9A #BCB18D #B6A882

#DDDCD1 - #C9C3A7 - #B6A882

CSS codes

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

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