#BC2D4D - #EBC3CC | 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 #BC2D4D to #EBC3CC

#BC2D4D #EBC3CC

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

#BC2D4D - #EBC3CC | 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 #BC2D4D as 0% and #EBC3CC as 100%.

0.0%	0.0% #BC2D4D	RGB 188 45 77	#BC2D4D
16.7%	16.7% #C34662	RGB 195 70 98	#C34662
33.3%	33.3% #CB5F77	RGB 203 95 119	#CB5F77
50.0%	50.0% #D3788C	RGB 211 120 140	#D3788C
66.7%	66.7% #DB91A1	RGB 219 145 161	#DB91A1
83.3%	83.3% #E3AAB6	RGB 227 170 182	#E3AAB6
100.0%	100.0% #EBC3CC	RGB 235 195 204	#EBC3CC

#BC2D4D #C34662 #CB5F77 #D3788C #DB91A1 #E3AAB6 #EBC3CC

#BC2D4D - #EBC3CC

HSV Blend

#BC2D4D - #EBC3CC | 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 #BC2D4D as 0% and #EBC3CC as 100%.

0.0%	0.0% #BC2D4D	RGB 188 45 77	#BC2D4D
16.7%	16.7% #C3425F	RGB 195 66 95	#C3425F
33.3%	33.3% #CB5872	RGB 203 88 114	#CB5872
50.0%	50.0% #D37187	RGB 211 113 135	#D37187
66.7%	66.7% #DB8A9C	RGB 219 138 156	#DB8A9C
83.3%	83.3% #E3A6B3	RGB 227 166 179	#E3A6B3
100.0%	100.0% #EBC3CC	RGB 235 195 204	#EBC3CC

#BC2D4D #C3425F #CB5872 #D37187 #DB8A9C #E3A6B3 #EBC3CC

#BC2D4D - #D37187 - #EBC3CC

CSS codes

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

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