#D6B5C9 - #AA577F | 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 #D6B5C9 to #AA577F

#D6B5C9 #AA577F

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

#D6B5C9 - #AA577F | 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 #D6B5C9 as 0% and #AA577F as 100%.

0.0%	0.0% #D6B5C9	RGB 214 181 201	#D6B5C9
16.7%	16.7% #CEA5BC	RGB 206 165 188	#CEA5BC
33.3%	33.3% #C795B0	RGB 199 149 176	#C795B0
50.0%	50.0% #C086A4	RGB 192 134 164	#C086A4
66.7%	66.7% #B87697	RGB 184 118 151	#B87697
83.3%	83.3% #B1668B	RGB 177 102 139	#B1668B
100.0%	100.0% #AA577F	RGB 170 87 127	#AA577F

#D6B5C9 #CEA5BC #C795B0 #C086A4 #B87697 #B1668B #AA577F

#D6B5C9 - #AA577F

HSV Blend

#D6B5C9 - #AA577F | 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 #D6B5C9 as 0% and #AA577F as 100%.

0.0%	0.0% #D6B5C9	RGB 214 181 201	#D6B5C9
16.7%	16.7% #CEA3BC	RGB 206 163 188	#CEA3BC
33.3%	33.3% #C792B0	RGB 199 146 176	#C792B0
50.0%	50.0% #C082A3	RGB 192 130 163	#C082A3
66.7%	66.7% #B87397	RGB 184 115 151	#B87397
83.3%	83.3% #B1648B	RGB 177 100 139	#B1648B
100.0%	100.0% #AA577F	RGB 170 87 127	#AA577F

#D6B5C9 #CEA3BC #C792B0 #C082A3 #B87397 #B1648B #AA577F

#D6B5C9 - #C082A3 - #AA577F

CSS codes

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

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