#BC5E64 - #EBD1D2 | 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 #BC5E64 to #EBD1D2

#BC5E64 #EBD1D2

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

#BC5E64 - #EBD1D2 | 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 #BC5E64 as 0% and #EBD1D2 as 100%.

0.0%	0.0% #BC5E64	RGB 188 94 100	#BC5E64
16.7%	16.7% #C37176	RGB 195 113 118	#C37176
33.3%	33.3% #CB8488	RGB 203 132 136	#CB8488
50.0%	50.0% #D3979B	RGB 211 151 155	#D3979B
66.7%	66.7% #DBAAAD	RGB 219 170 173	#DBAAAD
83.3%	83.3% #E3BDBF	RGB 227 189 191	#E3BDBF
100.0%	100.0% #EBD1D2	RGB 235 209 210	#EBD1D2

#BC5E64 #C37176 #CB8488 #D3979B #DBAAAD #E3BDBF #EBD1D2

#BC5E64 - #EBD1D2

HSV Blend

#BC5E64 - #EBD1D2 | 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 #BC5E64 as 0% and #EBD1D2 as 100%.

0.0%	0.0% #BC5E64	RGB 188 94 100	#BC5E64
16.7%	16.7% #C36E73	RGB 195 110 115	#C36E73
33.3%	33.3% #CB8084	RGB 203 128 132	#CB8084
50.0%	50.0% #D39296	RGB 211 146 150	#D39296
66.7%	66.7% #DBA6A9	RGB 219 166 169	#DBA6A9
83.3%	83.3% #E3BBBC	RGB 227 187 188	#E3BBBC
100.0%	100.0% #EBD1D2	RGB 235 209 210	#EBD1D2

#BC5E64 #C36E73 #CB8084 #D39296 #DBA6A9 #E3BBBC #EBD1D2

#BC5E64 - #D39296 - #EBD1D2

CSS codes

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

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