#E6C3C7 - #B5707C | 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 #E6C3C7 to #B5707C

#E6C3C7 #B5707C

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

#E6C3C7 - #B5707C | 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 #E6C3C7 as 0% and #B5707C as 100%.

0.0%	0.0% #E6C3C7	RGB 230 195 199	#E6C3C7
16.7%	16.7% #DDB5BA	RGB 221 181 186	#DDB5BA
33.3%	33.3% #D5A7AE	RGB 213 167 174	#D5A7AE
50.0%	50.0% #CD99A1	RGB 205 153 161	#CD99A1
66.7%	66.7% #C58B95	RGB 197 139 149	#C58B95
83.3%	83.3% #BD7D88	RGB 189 125 136	#BD7D88
100.0%	100.0% #B5707C	RGB 181 112 124	#B5707C

#E6C3C7 #DDB5BA #D5A7AE #CD99A1 #C58B95 #BD7D88 #B5707C

#E6C3C7 - #B5707C

HSV Blend

#E6C3C7 - #B5707C | 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 #E6C3C7 as 0% and #B5707C as 100%.

0.0%	0.0% #E6C3C7	RGB 230 195 199	#E6C3C7
16.7%	16.7% #DDB3B8	RGB 221 179 184	#DDB3B8
33.3%	33.3% #D5A4AB	RGB 213 164 171	#D5A4AB
50.0%	50.0% #CD969E	RGB 205 150 158	#CD969E
66.7%	66.7% #C58992	RGB 197 137 146	#C58992
83.3%	83.3% #BD7C86	RGB 189 124 134	#BD7C86
100.0%	100.0% #B5707C	RGB 181 112 124	#B5707C

#E6C3C7 #DDB3B8 #D5A4AB #CD969E #C58992 #BD7C86 #B5707C

#E6C3C7 - #CD969E - #B5707C

CSS codes

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

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