#E5C8D1 - #BA5A7B | 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 #E5C8D1 to #BA5A7B

#E5C8D1 #BA5A7B

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

#E5C8D1 - #BA5A7B | 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 #E5C8D1 as 0% and #BA5A7B as 100%.

0.0%	0.0% #E5C8D1	RGB 229 200 209	#E5C8D1
16.7%	16.7% #DDB5C2	RGB 221 181 194	#DDB5C2
33.3%	33.3% #D6A3B4	RGB 214 163 180	#D6A3B4
50.0%	50.0% #CF91A6	RGB 207 145 166	#CF91A6
66.7%	66.7% #C87E97	RGB 200 126 151	#C87E97
83.3%	83.3% #C16C89	RGB 193 108 137	#C16C89
100.0%	100.0% #BA5A7B	RGB 186 90 123	#BA5A7B

#E5C8D1 #DDB5C2 #D6A3B4 #CF91A6 #C87E97 #C16C89 #BA5A7B

#E5C8D1 - #BA5A7B

HSV Blend

#E5C8D1 - #BA5A7B | 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 #E5C8D1 as 0% and #BA5A7B as 100%.

0.0%	0.0% #E5C8D1	RGB 229 200 209	#E5C8D1
16.7%	16.7% #DDB3C0	RGB 221 179 192	#DDB3C0
33.3%	33.3% #D69FB1	RGB 214 159 177	#D69FB1
50.0%	50.0% #CF8CA2	RGB 207 140 162	#CF8CA2
66.7%	66.7% #C87A94	RGB 200 122 148	#C87A94
83.3%	83.3% #C16A87	RGB 193 106 135	#C16A87
100.0%	100.0% #BA5A7B	RGB 186 90 123	#BA5A7B

#E5C8D1 #DDB3C0 #D69FB1 #CF8CA2 #C87A94 #C16A87 #BA5A7B

#E5C8D1 - #CF8CA2 - #BA5A7B

CSS codes

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

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