#DCCAB4 - #AC925E | 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 #DCCAB4 to #AC925E

#DCCAB4 #AC925E

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

#DCCAB4 - #AC925E | 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 #DCCAB4 as 0% and #AC925E as 100%.

0.0%	0.0% #DCCAB4	RGB 220 202 180	#DCCAB4
16.7%	16.7% #D4C0A5	RGB 212 192 165	#D4C0A5
33.3%	33.3% #CCB797	RGB 204 183 151	#CCB797
50.0%	50.0% #C4AE89	RGB 196 174 137	#C4AE89
66.7%	66.7% #BCA47A	RGB 188 164 122	#BCA47A
83.3%	83.3% #B49B6C	RGB 180 155 108	#B49B6C
100.0%	100.0% #AC925E	RGB 172 146 94	#AC925E

#DCCAB4 #D4C0A5 #CCB797 #C4AE89 #BCA47A #B49B6C #AC925E

#DCCAB4 - #AC925E

HSV Blend

#DCCAB4 - #AC925E | 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 #DCCAB4 as 0% and #AC925E as 100%.

0.0%	0.0% #DCCAB4	RGB 220 202 180	#DCCAB4
16.7%	16.7% #D4BFA3	RGB 212 191 163	#D4BFA3
33.3%	33.3% #CCB594	RGB 204 181 148	#CCB594
50.0%	50.0% #C4AB85	RGB 196 171 133	#C4AB85
66.7%	66.7% #BCA277	RGB 188 162 119	#BCA277
83.3%	83.3% #B49A6A	RGB 180 154 106	#B49A6A
100.0%	100.0% #AC925E	RGB 172 146 94	#AC925E

#DCCAB4 #D4BFA3 #CCB594 #C4AB85 #BCA277 #B49A6A #AC925E

#DCCAB4 - #C4AB85 - #AC925E

CSS codes

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

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