#BA415F - #EBC8D1 | 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 #BA415F to #EBC8D1

#BA415F #EBC8D1

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

#BA415F - #EBC8D1 | 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 #BA415F as 0% and #EBC8D1 as 100%.

0.0%	0.0% #BA415F	RGB 186 65 95	#BA415F
16.7%	16.7% #C25772	RGB 194 87 114	#C25772
33.3%	33.3% #CA6E85	RGB 202 110 133	#CA6E85
50.0%	50.0% #D28498	RGB 210 132 152	#D28498
66.7%	66.7% #DA9BAB	RGB 218 155 171	#DA9BAB
83.3%	83.3% #E2B1BE	RGB 226 177 190	#E2B1BE
100.0%	100.0% #EBC8D1	RGB 235 200 209	#EBC8D1

#BA415F #C25772 #CA6E85 #D28498 #DA9BAB #E2B1BE #EBC8D1

#BA415F - #EBC8D1

HSV Blend

#BA415F - #EBC8D1 | 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 #BA415F as 0% and #EBC8D1 as 100%.

0.0%	0.0% #BA415E	RGB 186 65 94	#BA415E
16.7%	16.7% #C2546F	RGB 194 84 111	#C2546F
33.3%	33.3% #CA6881	RGB 202 104 129	#CA6881
50.0%	50.0% #D27E93	RGB 210 126 147	#D27E93
66.7%	66.7% #DA95A7	RGB 218 149 167	#DA95A7
83.3%	83.3% #E2AEBB	RGB 226 174 187	#E2AEBB
100.0%	100.0% #EBC8D1	RGB 235 200 209	#EBC8D1

#BA415E #C2546F #CA6881 #D27E93 #DA95A7 #E2AEBB #EBC8D1

#BA415F - #D27E93 - #EBC8D1

CSS codes

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

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