#E2D1DB - #B97B96 | 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 #E2D1DB to #B97B96

#E2D1DB #B97B96

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

#E2D1DB - #B97B96 | 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 #E2D1DB as 0% and #B97B96 as 100%.

0.0%	0.0% #E2D1DB	RGB 226 209 219	#E2D1DB
16.7%	16.7% #DBC2CF	RGB 219 194 207	#DBC2CF
33.3%	33.3% #D4B4C4	RGB 212 180 196	#D4B4C4
50.0%	50.0% #CDA6B8	RGB 205 166 184	#CDA6B8
66.7%	66.7% #C697AD	RGB 198 151 173	#C697AD
83.3%	83.3% #BF89A1	RGB 191 137 161	#BF89A1
100.0%	100.0% #B97B96	RGB 185 123 150	#B97B96

#E2D1DB #DBC2CF #D4B4C4 #CDA6B8 #C697AD #BF89A1 #B97B96

#E2D1DB - #B97B96

HSV Blend

#E2D1DB - #B97B96 | 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 #E2D1DB as 0% and #B97B96 as 100%.

0.0%	0.0% #E2D1DB	RGB 226 209 219	#E2D1DB
16.7%	16.7% #DBC1CF	RGB 219 193 207	#DBC1CF
33.3%	33.3% #D4B1C4	RGB 212 177 196	#D4B1C4
50.0%	50.0% #CDA3B8	RGB 205 163 184	#CDA3B8
66.7%	66.7% #C695AD	RGB 198 149 173	#C695AD
83.3%	83.3% #BF87A1	RGB 191 135 161	#BF87A1
100.0%	100.0% #B97B96	RGB 185 123 150	#B97B96

#E2D1DB #DBC1CF #D4B1C4 #CDA3B8 #C695AD #BF87A1 #B97B96

#E2D1DB - #CDA3B8 - #B97B96

CSS codes

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

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