#DDDBD9 - #C3A98C | 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 #DDDBD9 to #C3A98C

#DDDBD9 #C3A98C

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

#DDDBD9 - #C3A98C | 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 #DDDBD9 as 0% and #C3A98C as 100%.

0.0%	0.0% #DDDBD9	RGB 221 219 217	#DDDBD9
16.7%	16.7% #D8D2CC	RGB 216 210 204	#D8D2CC
33.3%	33.3% #D4CABF	RGB 212 202 191	#D4CABF
50.0%	50.0% #D0C2B2	RGB 208 194 178	#D0C2B2
66.7%	66.7% #CBB9A5	RGB 203 185 165	#CBB9A5
83.3%	83.3% #C7B198	RGB 199 177 152	#C7B198
100.0%	100.0% #C3A98C	RGB 195 169 140	#C3A98C

#DDDBD9 #D8D2CC #D4CABF #D0C2B2 #CBB9A5 #C7B198 #C3A98C

#DDDBD9 - #C3A98C

HSV Blend

#DDDBD9 - #C3A98C | 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 #DDDBD9 as 0% and #C3A98C as 100%.

0.0%	0.0% #DDDBD9	RGB 221 219 217	#DDDBD9
16.7%	16.7% #D8D2CB	RGB 216 210 203	#D8D2CB
33.3%	33.3% #D4C9BD	RGB 212 201 189	#D4C9BD
50.0%	50.0% #D0C0B0	RGB 208 192 176	#D0C0B0
66.7%	66.7% #CBB8A4	RGB 203 184 164	#CBB8A4
83.3%	83.3% #C7B097	RGB 199 176 151	#C7B097
100.0%	100.0% #C3A98C	RGB 195 169 140	#C3A98C

#DDDBD9 #D8D2CB #D4C9BD #D0C0B0 #CBB8A4 #C7B097 #C3A98C

#DDDBD9 - #D0C0B0 - #C3A98C

CSS codes

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

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