#BC5E74 - #EBD1D7 | 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 #BC5E74 to #EBD1D7

#BC5E74 #EBD1D7

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

#BC5E74 - #EBD1D7 | 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 #BC5E74 as 0% and #EBD1D7 as 100%.

0.0%	0.0% #BC5E74	RGB 188 94 116	#BC5E74
16.7%	16.7% #C37184	RGB 195 113 132	#C37184
33.3%	33.3% #CB8495	RGB 203 132 149	#CB8495
50.0%	50.0% #D397A5	RGB 211 151 165	#D397A5
66.7%	66.7% #DBAAB6	RGB 219 170 182	#DBAAB6
83.3%	83.3% #E3BDC6	RGB 227 189 198	#E3BDC6
100.0%	100.0% #EBD1D7	RGB 235 209 215	#EBD1D7

#BC5E74 #C37184 #CB8495 #D397A5 #DBAAB6 #E3BDC6 #EBD1D7

#BC5E74 - #EBD1D7

HSV Blend

#BC5E74 - #EBD1D7 | 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 #BC5E74 as 0% and #EBD1D7 as 100%.

0.0%	0.0% #BC5E74	RGB 188 94 116	#BC5E74
16.7%	16.7% #C36E82	RGB 195 110 130	#C36E82
33.3%	33.3% #CB8091	RGB 203 128 145	#CB8091
50.0%	50.0% #D392A1	RGB 211 146 161	#D392A1
66.7%	66.7% #DBA6B2	RGB 219 166 178	#DBA6B2
83.3%	83.3% #E3BBC4	RGB 227 187 196	#E3BBC4
100.0%	100.0% #EBD1D7	RGB 235 209 215	#EBD1D7

#BC5E74 #C36E82 #CB8091 #D392A1 #DBA6B2 #E3BBC4 #EBD1D7

#BC5E74 - #D392A1 - #EBD1D7

CSS codes

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

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