#E2D1D1 - #B9857B | 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 #E2D1D1 to #B9857B

#E2D1D1 #B9857B

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

#E2D1D1 - #B9857B | 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 #E2D1D1 as 0% and #B9857B as 100%.

0.0%	0.0% #E2D1D1	RGB 226 209 209	#E2D1D1
16.7%	16.7% #DBC4C2	RGB 219 196 194	#DBC4C2
33.3%	33.3% #D4B7B4	RGB 212 183 180	#D4B7B4
50.0%	50.0% #CDABA6	RGB 205 171 166	#CDABA6
66.7%	66.7% #C69E97	RGB 198 158 151	#C69E97
83.3%	83.3% #BF9189	RGB 191 145 137	#BF9189
100.0%	100.0% #B9857B	RGB 185 133 123	#B9857B

#E2D1D1 #DBC4C2 #D4B7B4 #CDABA6 #C69E97 #BF9189 #B9857B

#E2D1D1 - #B9857B

HSV Blend

#E2D1D1 - #B9857B | 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 #E2D1D1 as 0% and #B9857B as 100%.

0.0%	0.0% #E2D1D1	RGB 226 209 209	#E2D1D1
16.7%	16.7% #DBC1C1	RGB 219 193 193	#DBC1C1
33.3%	33.3% #D4B3B1	RGB 212 179 177	#D4B3B1
50.0%	50.0% #CDA6A3	RGB 205 166 163	#CDA6A3
66.7%	66.7% #C69A95	RGB 198 154 149	#C69A95
83.3%	83.3% #BF8F87	RGB 191 143 135	#BF8F87
100.0%	100.0% #B9857B	RGB 185 133 123	#B9857B

#E2D1D1 #DBC1C1 #D4B3B1 #CDA6A3 #C69A95 #BF8F87 #B9857B

#E2D1D1 - #CDA6A3 - #B9857B

CSS codes

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

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