#EAD2D6 - #BC838E | 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 #EAD2D6 to #BC838E

#EAD2D6 #BC838E

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

#EAD2D6 - #BC838E | 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 #EAD2D6 as 0% and #BC838E as 100%.

0.0%	0.0% #EAD2D6	RGB 234 210 214	#EAD2D6
16.7%	16.7% #E2C4CA	RGB 226 196 202	#E2C4CA
33.3%	33.3% #DAB7BE	RGB 218 183 190	#DAB7BE
50.0%	50.0% #D3AAB2	RGB 211 170 178	#D3AAB2
66.7%	66.7% #CB9DA6	RGB 203 157 166	#CB9DA6
83.3%	83.3% #C3909A	RGB 195 144 154	#C3909A
100.0%	100.0% #BC838E	RGB 188 131 142	#BC838E

#EAD2D6 #E2C4CA #DAB7BE #D3AAB2 #CB9DA6 #C3909A #BC838E

#EAD2D6 - #BC838E

HSV Blend

#EAD2D6 - #BC838E | 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 #EAD2D6 as 0% and #BC838E as 100%.

0.0%	0.0% #EAD2D6	RGB 234 210 214	#EAD2D6
16.7%	16.7% #E2C3C8	RGB 226 195 200	#E2C3C8
33.3%	33.3% #DAB5BC	RGB 218 181 188	#DAB5BC
50.0%	50.0% #D3A8AF	RGB 211 168 175	#D3A8AF
66.7%	66.7% #CB9BA4	RGB 203 155 164	#CB9BA4
83.3%	83.3% #C38E98	RGB 195 142 152	#C38E98
100.0%	100.0% #BC838E	RGB 188 131 142	#BC838E

#EAD2D6 #E2C3C8 #DAB5BC #D3A8AF #CB9BA4 #C38E98 #BC838E

#EAD2D6 - #D3A8AF - #BC838E

CSS codes

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

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