#E5C7D9 - #BA5992 | 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 #E5C7D9 to #BA5992

#E5C7D9 #BA5992

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

#E5C7D9 - #BA5992 | 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 #E5C7D9 as 0% and #BA5992 as 100%.

0.0%	0.0% #E5C7D9	RGB 229 199 217	#E5C7D9
16.7%	16.7% #DDB4CD	RGB 221 180 205	#DDB4CD
33.3%	33.3% #D6A2C1	RGB 214 162 193	#D6A2C1
50.0%	50.0% #CF90B5	RGB 207 144 181	#CF90B5
66.7%	66.7% #C87DA9	RGB 200 125 169	#C87DA9
83.3%	83.3% #C16B9D	RGB 193 107 157	#C16B9D
100.0%	100.0% #BA5992	RGB 186 89 146	#BA5992

#E5C7D9 #DDB4CD #D6A2C1 #CF90B5 #C87DA9 #C16B9D #BA5992

#E5C7D9 - #BA5992

HSV Blend

#E5C7D9 - #BA5992 | 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 #E5C7D9 as 0% and #BA5992 as 100%.

0.0%	0.0% #E5C7D9	RGB 229 199 217	#E5C7D9
16.7%	16.7% #DDB2CC	RGB 221 178 204	#DDB2CC
33.3%	33.3% #D69EC0	RGB 214 158 192	#D69EC0
50.0%	50.0% #CF8BB4	RGB 207 139 180	#CF8BB4
66.7%	66.7% #C879A8	RGB 200 121 168	#C879A8
83.3%	83.3% #C1699C	RGB 193 105 156	#C1699C
100.0%	100.0% #BA5992	RGB 186 89 146	#BA5992

#E5C7D9 #DDB2CC #D69EC0 #CF8BB4 #C879A8 #C1699C #BA5992

#E5C7D9 - #CF8BB4 - #BA5992

CSS codes

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

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