#DCBAB8 - #AA6562 | 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 #DCBAB8 to #AA6562

#DCBAB8 #AA6562

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

#DCBAB8 - #AA6562 | 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 #DCBAB8 as 0% and #AA6562 as 100%.

0.0%	0.0% #DCBAB8	RGB 220 186 184	#DCBAB8
16.7%	16.7% #D3ABA9	RGB 211 171 169	#D3ABA9
33.3%	33.3% #CB9D9B	RGB 203 157 155	#CB9D9B
50.0%	50.0% #C38F8D	RGB 195 143 141	#C38F8D
66.7%	66.7% #BA817E	RGB 186 129 126	#BA817E
83.3%	83.3% #B27370	RGB 178 115 112	#B27370
100.0%	100.0% #AA6562	RGB 170 101 98	#AA6562

#DCBAB8 #D3ABA9 #CB9D9B #C38F8D #BA817E #B27370 #AA6562

#DCBAB8 - #AA6562

HSV Blend

#DCBAB8 - #AA6562 | 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 #DCBAB8 as 0% and #AA6562 as 100%.

0.0%	0.0% #DCBAB8	RGB 220 186 184	#DCBAB8
16.7%	16.7% #D3AAA7	RGB 211 170 167	#D3AAA7
33.3%	33.3% #CB9B98	RGB 203 155 152	#CB9B98
50.0%	50.0% #C38C89	RGB 195 140 137	#C38C89
66.7%	66.7% #BA7E7B	RGB 186 126 123	#BA7E7B
83.3%	83.3% #B2716E	RGB 178 113 110	#B2716E
100.0%	100.0% #AA6562	RGB 170 101 98	#AA6562

#DCBAB8 #D3AAA7 #CB9B98 #C38C89 #BA7E7B #B2716E #AA6562

#DCBAB8 - #C38C89 - #AA6562

CSS codes

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

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