#AF6E7B - #E8D5D9 | 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 #AF6E7B to #E8D5D9

#AF6E7B #E8D5D9

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

#AF6E7B - #E8D5D9 | 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 #AF6E7B as 0% and #E8D5D9 as 100%.

0.0%	0.0% #AF6E7B	RGB 175 110 123	#AF6E7B
16.7%	16.7% #B87F8A	RGB 184 127 138	#B87F8A
33.3%	33.3% #C2909A	RGB 194 144 154	#C2909A
50.0%	50.0% #CBA1AA	RGB 203 161 170	#CBA1AA
66.7%	66.7% #D5B2B9	RGB 213 178 185	#D5B2B9
83.3%	83.3% #DEC3C9	RGB 222 195 201	#DEC3C9
100.0%	100.0% #E8D5D9	RGB 232 213 217	#E8D5D9

#AF6E7B #B87F8A #C2909A #CBA1AA #D5B2B9 #DEC3C9 #E8D5D9

#AF6E7B - #E8D5D9

HSV Blend

#AF6E7B - #E8D5D9 | 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 #AF6E7B as 0% and #E8D5D9 as 100%.

0.0%	0.0% #AF6E7B	RGB 175 110 123	#AF6E7B
16.7%	16.7% #B87C88	RGB 184 124 136	#B87C88
33.3%	33.3% #C28C97	RGB 194 140 151	#C28C97
50.0%	50.0% #CB9DA6	RGB 203 157 166	#CB9DA6
66.7%	66.7% #D5AEB6	RGB 213 174 182	#D5AEB6
83.3%	83.3% #DEC1C7	RGB 222 193 199	#DEC1C7
100.0%	100.0% #E8D5D9	RGB 232 213 217	#E8D5D9

#AF6E7B #B87C88 #C28C97 #CB9DA6 #D5AEB6 #DEC1C7 #E8D5D9

#AF6E7B - #CB9DA6 - #E8D5D9

CSS codes

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

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