#DDDCD9 - #ACA38F | 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 #DDDCD9 to #ACA38F

#DDDCD9 #ACA38F

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

#DDDCD9 - #ACA38F | 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 #DDDCD9 as 0% and #ACA38F as 100%.

0.0%	0.0% #DDDCD9	RGB 221 220 217	#DDDCD9
16.7%	16.7% #D4D2CC	RGB 212 210 204	#D4D2CC
33.3%	33.3% #CCC9C0	RGB 204 201 192	#CCC9C0
50.0%	50.0% #C4BFB4	RGB 196 191 180	#C4BFB4
66.7%	66.7% #BCB6A7	RGB 188 182 167	#BCB6A7
83.3%	83.3% #B4AC9B	RGB 180 172 155	#B4AC9B
100.0%	100.0% #ACA38F	RGB 172 163 143	#ACA38F

#DDDCD9 #D4D2CC #CCC9C0 #C4BFB4 #BCB6A7 #B4AC9B #ACA38F

#DDDCD9 - #ACA38F

HSV Blend

#DDDCD9 - #ACA38F | 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 #DDDCD9 as 0% and #ACA38F as 100%.

0.0%	0.0% #DDDCD9	RGB 221 220 217	#DDDCD9
16.7%	16.7% #D4D2CB	RGB 212 210 203	#D4D2CB
33.3%	33.3% #CCC8BE	RGB 204 200 190	#CCC8BE
50.0%	50.0% #C4BFB2	RGB 196 191 178	#C4BFB2
66.7%	66.7% #BCB5A6	RGB 188 181 166	#BCB5A6
83.3%	83.3% #B4AC9A	RGB 180 172 154	#B4AC9A
100.0%	100.0% #ACA38F	RGB 172 163 143	#ACA38F

#DDDCD9 #D4D2CB #CCC8BE #C4BFB2 #BCB5A6 #B4AC9A #ACA38F

#DDDCD9 - #C4BFB2 - #ACA38F

CSS codes

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

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