#BF2D00 - #ECC3B6 | 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 #BF2D00 to #ECC3B6

#BF2D00 #ECC3B6

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

#BF2D00 - #ECC3B6 | 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 #BF2D00 as 0% and #ECC3B6 as 100%.

0.0%	0.0% #BF2D00	RGB 191 45 0	#BF2D00
16.7%	16.7% #C6461E	RGB 198 70 30	#C6461E
33.3%	33.3% #CE5F3C	RGB 206 95 60	#CE5F3C
50.0%	50.0% #D5785B	RGB 213 120 91	#D5785B
66.7%	66.7% #DD9179	RGB 221 145 121	#DD9179
83.3%	83.3% #E4AA97	RGB 228 170 151	#E4AA97
100.0%	100.0% #ECC3B6	RGB 236 195 182	#ECC3B6

#BF2D00 #C6461E #CE5F3C #D5785B #DD9179 #E4AA97 #ECC3B6

#BF2D00 - #ECC3B6

HSV Blend

#BF2D00 - #ECC3B6 | 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 #BF2D00 as 0% and #ECC3B6 as 100%.

0.0%	0.0% #BF2D00	RGB 191 45 0	#BF2D00
16.7%	16.7% #C64219	RGB 198 66 25	#C64219
33.3%	33.3% #CE5934	RGB 206 89 52	#CE5934
50.0%	50.0% #D57152	RGB 213 113 82	#D57152
66.7%	66.7% #DD8B71	RGB 221 139 113	#DD8B71
83.3%	83.3% #E4A692	RGB 228 166 146	#E4A692
100.0%	100.0% #ECC3B6	RGB 236 195 182	#ECC3B6

#BF2D00 #C64219 #CE5934 #D57152 #DD8B71 #E4A692 #ECC3B6

#BF2D00 - #D57152 - #ECC3B6

CSS codes

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

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