#BF1A2E - #ECBDC2 | 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 #BF1A2E to #ECBDC2

#BF1A2E #ECBDC2

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

#BF1A2E - #ECBDC2 | 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 #BF1A2E as 0% and #ECBDC2 as 100%.

0.0%	0.0% #BF1A2E	RGB 191 26 46	#BF1A2E
16.7%	16.7% #C63546	RGB 198 53 70	#C63546
33.3%	33.3% #CE505F	RGB 206 80 95	#CE505F
50.0%	50.0% #D56B78	RGB 213 107 120	#D56B78
66.7%	66.7% #DD8690	RGB 221 134 144	#DD8690
83.3%	83.3% #E4A1A9	RGB 228 161 169	#E4A1A9
100.0%	100.0% #ECBDC2	RGB 236 189 194	#ECBDC2

#BF1A2E #C63546 #CE505F #D56B78 #DD8690 #E4A1A9 #ECBDC2

#BF1A2E - #ECBDC2

HSV Blend

#BF1A2E - #ECBDC2 | 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 #BF1A2E as 0% and #ECBDC2 as 100%.

0.0%	0.0% #BF1A2E	RGB 191 26 46	#BF1A2E
16.7%	16.7% #C63142	RGB 198 49 66	#C63142
33.3%	33.3% #CE4959	RGB 206 73 89	#CE4959
50.0%	50.0% #D56470	RGB 213 100 112	#D56470
66.7%	66.7% #DD808A	RGB 221 128 138	#DD808A
83.3%	83.3% #E49DA5	RGB 228 157 165	#E49DA5
100.0%	100.0% #ECBDC2	RGB 236 189 194	#ECBDC2

#BF1A2E #C63142 #CE4959 #D56470 #DD808A #E49DA5 #ECBDC2

#BF1A2E - #D56470 - #ECBDC2

CSS codes

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

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