#EBC5E4 - #BA6B8B | 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 #EBC5E4 to #BA6B8B

#EBC5E4 #BA6B8B

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

#EBC5E4 - #BA6B8B | 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 #EBC5E4 as 0% and #BA6B8B as 100%.

0.0%	0.0% #EBC5E4	RGB 235 197 228	#EBC5E4
16.7%	16.7% #E2B6D5	RGB 226 182 213	#E2B6D5
33.3%	33.3% #DAA7C6	RGB 218 167 198	#DAA7C6
50.0%	50.0% #D298B7	RGB 210 152 183	#D298B7
66.7%	66.7% #CA89A8	RGB 202 137 168	#CA89A8
83.3%	83.3% #C27A99	RGB 194 122 153	#C27A99
100.0%	100.0% #BA6B8B	RGB 186 107 139	#BA6B8B

#EBC5E4 #E2B6D5 #DAA7C6 #D298B7 #CA89A8 #C27A99 #BA6B8B

#EBC5E4 - #BA6B8B

HSV Blend

#EBC5E4 - #BA6B8B | 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 #EBC5E4 as 0% and #BA6B8B as 100%.

0.0%	0.0% #EBC5E4	RGB 235 197 228	#EBC5E4
16.7%	16.7% #E2B4D7	RGB 226 180 215	#E2B4D7
33.3%	33.3% #DAA4C9	RGB 218 164 201	#DAA4C9
50.0%	50.0% #D294BA	RGB 210 148 186	#D294BA
66.7%	66.7% #CA86AB	RGB 202 134 171	#CA86AB
83.3%	83.3% #C2789B	RGB 194 120 155	#C2789B
100.0%	100.0% #BA6B8B	RGB 186 107 139	#BA6B8B

#EBC5E4 #E2B4D7 #DAA4C9 #D294BA #CA86AB #C2789B #BA6B8B

#EBC5E4 - #D294BA - #BA6B8B

CSS codes

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

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