#BD2D37 - #ECC3C5 | 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 #BD2D37 to #ECC3C5

#BD2D37 #ECC3C5

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

#BD2D37 - #ECC3C5 | 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 #BD2D37 as 0% and #ECC3C5 as 100%.

0.0%	0.0% #BD2D37	RGB 189 45 55	#BD2D37
16.7%	16.7% #C4464E	RGB 196 70 78	#C4464E
33.3%	33.3% #CC5F66	RGB 204 95 102	#CC5F66
50.0%	50.0% #D4787E	RGB 212 120 126	#D4787E
66.7%	66.7% #DC9195	RGB 220 145 149	#DC9195
83.3%	83.3% #E4AAAD	RGB 228 170 173	#E4AAAD
100.0%	100.0% #ECC3C5	RGB 236 195 197	#ECC3C5

#BD2D37 #C4464E #CC5F66 #D4787E #DC9195 #E4AAAD #ECC3C5

#BD2D37 - #ECC3C5

HSV Blend

#BD2D37 - #ECC3C5 | 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 #BD2D37 as 0% and #ECC3C5 as 100%.

0.0%	0.0% #BD2C37	RGB 189 44 55	#BD2C37
16.7%	16.7% #C4424A	RGB 196 66 74	#C4424A
33.3%	33.3% #CC5860	RGB 204 88 96	#CC5860
50.0%	50.0% #D47176	RGB 212 113 118	#D47176
66.7%	66.7% #DC8A8F	RGB 220 138 143	#DC8A8F
83.3%	83.3% #E4A6A9	RGB 228 166 169	#E4A6A9
100.0%	100.0% #ECC3C5	RGB 236 195 197	#ECC3C5

#BD2C37 #C4424A #CC5860 #D47176 #DC8A8F #E4A6A9 #ECC3C5

#BD2D37 - #D47176 - #ECC3C5

CSS codes

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

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