#DCAAB8 - #AA506B | 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 #DCAAB8 to #AA506B

#DCAAB8 #AA506B

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

#DCAAB8 - #AA506B | 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 #DCAAB8 as 0% and #AA506B as 100%.

0.0%	0.0% #DCAAB8	RGB 220 170 184	#DCAAB8
16.7%	16.7% #D39BAB	RGB 211 155 171	#D39BAB
33.3%	33.3% #CB8C9E	RGB 203 140 158	#CB8C9E
50.0%	50.0% #C37D91	RGB 195 125 145	#C37D91
66.7%	66.7% #BA6E84	RGB 186 110 132	#BA6E84
83.3%	83.3% #B25F77	RGB 178 95 119	#B25F77
100.0%	100.0% #AA506B	RGB 170 80 107	#AA506B

#DCAAB8 #D39BAB #CB8C9E #C37D91 #BA6E84 #B25F77 #AA506B

#DCAAB8 - #AA506B

HSV Blend

#DCAAB8 - #AA506B | 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 #DCAAB8 as 0% and #AA506B as 100%.

0.0%	0.0% #DCAAB8	RGB 220 170 184	#DCAAB8
16.7%	16.7% #D398A9	RGB 211 152 169	#D398A9
33.3%	33.3% #CB889B	RGB 203 136 155	#CB889B
50.0%	50.0% #C3798E	RGB 195 121 142	#C3798E
66.7%	66.7% #BA6A82	RGB 186 106 130	#BA6A82
83.3%	83.3% #B25C76	RGB 178 92 118	#B25C76
100.0%	100.0% #AA506B	RGB 170 80 107	#AA506B

#DCAAB8 #D398A9 #CB889B #C3798E #BA6A82 #B25C76 #AA506B

#DCAAB8 - #C3798E - #AA506B

CSS codes

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

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