#BF302B - #ECC3C2 | 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 #BF302B to #ECC3C2

#BF302B #ECC3C2

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

#BF302B - #ECC3C2 | 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 #BF302B as 0% and #ECC3C2 as 100%.

0.0%	0.0% #BF302B	RGB 191 48 43	#BF302B
16.7%	16.7% #C64844	RGB 198 72 68	#C64844
33.3%	33.3% #CE615D	RGB 206 97 93	#CE615D
50.0%	50.0% #D57976	RGB 213 121 118	#D57976
66.7%	66.7% #DD928F	RGB 221 146 143	#DD928F
83.3%	83.3% #E4AAA8	RGB 228 170 168	#E4AAA8
100.0%	100.0% #ECC3C2	RGB 236 195 194	#ECC3C2

#BF302B #C64844 #CE615D #D57976 #DD928F #E4AAA8 #ECC3C2

#BF302B - #ECC3C2

HSV Blend

#BF302B - #ECC3C2 | 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 #BF302B as 0% and #ECC3C2 as 100%.

0.0%	0.0% #BF302B	RGB 191 48 43	#BF302B
16.7%	16.7% #C64440	RGB 198 68 64	#C64440
33.3%	33.3% #CE5A57	RGB 206 90 87	#CE5A57
50.0%	50.0% #D5726F	RGB 213 114 111	#D5726F
66.7%	66.7% #DD8B89	RGB 221 139 137	#DD8B89
83.3%	83.3% #E4A6A5	RGB 228 166 165	#E4A6A5
100.0%	100.0% #ECC3C2	RGB 236 195 194	#ECC3C2

#BF302B #C64440 #CE5A57 #D5726F #DD8B89 #E4A6A5 #ECC3C2

#BF302B - #D5726F - #ECC3C2

CSS codes

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

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