#BA2B4D - #EBC2CB | 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 #BA2B4D to #EBC2CB

#BA2B4D #EBC2CB

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

#BA2B4D - #EBC2CB | 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 #BA2B4D as 0% and #EBC2CB as 100%.

0.0%	0.0% #BA2B4D	RGB 186 43 77	#BA2B4D
16.7%	16.7% #C24462	RGB 194 68 98	#C24462
33.3%	33.3% #CA5D77	RGB 202 93 119	#CA5D77
50.0%	50.0% #D2768C	RGB 210 118 140	#D2768C
66.7%	66.7% #DA8FA1	RGB 218 143 161	#DA8FA1
83.3%	83.3% #E2A8B6	RGB 226 168 182	#E2A8B6
100.0%	100.0% #EBC2CB	RGB 235 194 203	#EBC2CB

#BA2B4D #C24462 #CA5D77 #D2768C #DA8FA1 #E2A8B6 #EBC2CB

#BA2B4D - #EBC2CB

HSV Blend

#BA2B4D - #EBC2CB | 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 #BA2B4D as 0% and #EBC2CB as 100%.

0.0%	0.0% #BA2B4C	RGB 186 43 76	#BA2B4C
16.7%	16.7% #C2405E	RGB 194 64 94	#C2405E
33.3%	33.3% #CA5671	RGB 202 86 113	#CA5671
50.0%	50.0% #D26F85	RGB 210 111 133	#D26F85
66.7%	66.7% #DA899B	RGB 218 137 155	#DA899B
83.3%	83.3% #E2A4B2	RGB 226 164 178	#E2A4B2
100.0%	100.0% #EBC2CB	RGB 235 194 203	#EBC2CB

#BA2B4C #C2405E #CA5671 #D26F85 #DA899B #E2A4B2 #EBC2CB

#BA2B4D - #D26F85 - #EBC2CB

CSS codes

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

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