#DCBCC2 - #AA6876 | 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 #DCBCC2 to #AA6876

#DCBCC2 #AA6876

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

#DCBCC2 - #AA6876 | 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 #DCBCC2 as 0% and #AA6876 as 100%.

0.0%	0.0% #DCBCC2	RGB 220 188 194	#DCBCC2
16.7%	16.7% #D3AEB5	RGB 211 174 181	#D3AEB5
33.3%	33.3% #CBA0A8	RGB 203 160 168	#CBA0A8
50.0%	50.0% #C3929C	RGB 195 146 156	#C3929C
66.7%	66.7% #BA848F	RGB 186 132 143	#BA848F
83.3%	83.3% #B27682	RGB 178 118 130	#B27682
100.0%	100.0% #AA6876	RGB 170 104 118	#AA6876

#DCBCC2 #D3AEB5 #CBA0A8 #C3929C #BA848F #B27682 #AA6876

#DCBCC2 - #AA6876

HSV Blend

#DCBCC2 - #AA6876 | 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 #DCBCC2 as 0% and #AA6876 as 100%.

0.0%	0.0% #DCBCC2	RGB 220 188 194	#DCBCC2
16.7%	16.7% #D3ACB3	RGB 211 172 179	#D3ACB3
33.3%	33.3% #CB9DA6	RGB 203 157 166	#CB9DA6
50.0%	50.0% #C38E99	RGB 195 142 153	#C38E99
66.7%	66.7% #BA818C	RGB 186 129 140	#BA818C
83.3%	83.3% #B27481	RGB 178 116 129	#B27481
100.0%	100.0% #AA6876	RGB 170 104 118	#AA6876

#DCBCC2 #D3ACB3 #CB9DA6 #C38E99 #BA818C #B27481 #AA6876

#DCBCC2 - #C38E99 - #AA6876

CSS codes

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

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