#BD3D55 - #ECC7CD | 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 #BD3D55 to #ECC7CD

#BD3D55 #ECC7CD

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

#BD3D55 - #ECC7CD | 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 #BD3D55 as 0% and #ECC7CD as 100%.

0.0%	0.0% #BD3D55	RGB 189 61 85	#BD3D55
16.7%	16.7% #C45469	RGB 196 84 105	#C45469
33.3%	33.3% #CC6B7D	RGB 204 107 125	#CC6B7D
50.0%	50.0% #D48291	RGB 212 130 145	#D48291
66.7%	66.7% #DC99A5	RGB 220 153 165	#DC99A5
83.3%	83.3% #E4B0B9	RGB 228 176 185	#E4B0B9
100.0%	100.0% #ECC7CD	RGB 236 199 205	#ECC7CD

#BD3D55 #C45469 #CC6B7D #D48291 #DC99A5 #E4B0B9 #ECC7CD

#BD3D55 - #ECC7CD

HSV Blend

#BD3D55 - #ECC7CD | 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 #BD3D55 as 0% and #ECC7CD as 100%.

0.0%	0.0% #BD3D55	RGB 189 61 85	#BD3D55
16.7%	16.7% #C45065	RGB 196 80 101	#C45065
33.3%	33.3% #CC6578	RGB 204 101 120	#CC6578
50.0%	50.0% #D47B8B	RGB 212 123 139	#D47B8B
66.7%	66.7% #DC939F	RGB 220 147 159	#DC939F
83.3%	83.3% #E4ACB5	RGB 228 172 181	#E4ACB5
100.0%	100.0% #ECC7CD	RGB 236 199 205	#ECC7CD

#BD3D55 #C45065 #CC6578 #D47B8B #DC939F #E4ACB5 #ECC7CD

#BD3D55 - #D47B8B - #ECC7CD

CSS codes

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

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