#BF241B - #ECC0BD | 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 #BF241B to #ECC0BD

#BF241B #ECC0BD

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

#BF241B - #ECC0BD | 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 #BF241B as 0% and #ECC0BD as 100%.

0.0%	0.0% #BF241B	RGB 191 36 27	#BF241B
16.7%	16.7% #C63E36	RGB 198 62 54	#C63E36
33.3%	33.3% #CE5851	RGB 206 88 81	#CE5851
50.0%	50.0% #D5726C	RGB 213 114 108	#D5726C
66.7%	66.7% #DD8C87	RGB 221 140 135	#DD8C87
83.3%	83.3% #E4A6A2	RGB 228 166 162	#E4A6A2
100.0%	100.0% #ECC0BD	RGB 236 192 189	#ECC0BD

#BF241B #C63E36 #CE5851 #D5726C #DD8C87 #E4A6A2 #ECC0BD

#BF241B - #ECC0BD

HSV Blend

#BF241B - #ECC0BD | 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 #BF241B as 0% and #ECC0BD as 100%.

0.0%	0.0% #BF231A	RGB 191 35 26	#BF231A
16.7%	16.7% #C63A31	RGB 198 58 49	#C63A31
33.3%	33.3% #CE524A	RGB 206 82 74	#CE524A
50.0%	50.0% #D56B64	RGB 213 107 100	#D56B64
66.7%	66.7% #DD8680	RGB 221 134 128	#DD8680
83.3%	83.3% #E4A29D	RGB 228 162 157	#E4A29D
100.0%	100.0% #ECC0BD	RGB 236 192 189	#ECC0BD

#BF231A #C63A31 #CE524A #D56B64 #DD8680 #E4A29D #ECC0BD

#BF241B - #D56B64 - #ECC0BD

CSS codes

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

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