#DCB9C0 - #AA6474 | 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 #DCB9C0 to #AA6474

#DCB9C0 #AA6474

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

#DCB9C0 - #AA6474 | 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 #DCB9C0 as 0% and #AA6474 as 100%.

0.0%	0.0% #DCB9C0	RGB 220 185 192	#DCB9C0
16.7%	16.7% #D3AAB3	RGB 211 170 179	#D3AAB3
33.3%	33.3% #CB9CA6	RGB 203 156 166	#CB9CA6
50.0%	50.0% #C38E9A	RGB 195 142 154	#C38E9A
66.7%	66.7% #BA808D	RGB 186 128 141	#BA808D
83.3%	83.3% #B27280	RGB 178 114 128	#B27280
100.0%	100.0% #AA6474	RGB 170 100 116	#AA6474

#DCB9C0 #D3AAB3 #CB9CA6 #C38E9A #BA808D #B27280 #AA6474

#DCB9C0 - #AA6474

HSV Blend

#DCB9C0 - #AA6474 | 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 #DCB9C0 as 0% and #AA6474 as 100%.

0.0%	0.0% #DCB9C0	RGB 220 185 192	#DCB9C0
16.7%	16.7% #D3A9B1	RGB 211 169 177	#D3A9B1
33.3%	33.3% #CB99A4	RGB 203 153 164	#CB99A4
50.0%	50.0% #C38B97	RGB 195 139 151	#C38B97
66.7%	66.7% #BA7D8A	RGB 186 125 138	#BA7D8A
83.3%	83.3% #B2707F	RGB 178 112 127	#B2707F
100.0%	100.0% #AA6474	RGB 170 100 116	#AA6474

#DCB9C0 #D3A9B1 #CB99A4 #C38B97 #BA7D8A #B2707F #AA6474

#DCB9C0 - #C38B97 - #AA6474

CSS codes

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

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