#E5C5D9 - #BA5792 | 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 #E5C5D9 to #BA5792

#E5C5D9 #BA5792

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

#E5C5D9 - #BA5792 | 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 #E5C5D9 as 0% and #BA5792 as 100%.

0.0%	0.0% #E5C5D9	RGB 229 197 217	#E5C5D9
16.7%	16.7% #DDB2CD	RGB 221 178 205	#DDB2CD
33.3%	33.3% #D6A0C1	RGB 214 160 193	#D6A0C1
50.0%	50.0% #CF8EB5	RGB 207 142 181	#CF8EB5
66.7%	66.7% #C87BA9	RGB 200 123 169	#C87BA9
83.3%	83.3% #C1699D	RGB 193 105 157	#C1699D
100.0%	100.0% #BA5792	RGB 186 87 146	#BA5792

#E5C5D9 #DDB2CD #D6A0C1 #CF8EB5 #C87BA9 #C1699D #BA5792

#E5C5D9 - #BA5792

HSV Blend

#E5C5D9 - #BA5792 | 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 #E5C5D9 as 0% and #BA5792 as 100%.

0.0%	0.0% #E5C5D9	RGB 229 197 217	#E5C5D9
16.7%	16.7% #DDB0CC	RGB 221 176 204	#DDB0CC
33.3%	33.3% #D69CC0	RGB 214 156 192	#D69CC0
50.0%	50.0% #CF89B4	RGB 207 137 180	#CF89B4
66.7%	66.7% #C877A8	RGB 200 119 168	#C877A8
83.3%	83.3% #C1669D	RGB 193 102 157	#C1669D
100.0%	100.0% #BA5792	RGB 186 87 146	#BA5792

#E5C5D9 #DDB0CC #D69CC0 #CF89B4 #C877A8 #C1669D #BA5792

#E5C5D9 - #CF89B4 - #BA5792

CSS codes

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

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