#E6DEE0 - #B8959C | 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 #E6DEE0 to #B8959C

#E6DEE0 #B8959C

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

#E6DEE0 - #B8959C | 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 #E6DEE0 as 0% and #B8959C as 100%.

0.0%	0.0% #E6DEE0	RGB 230 222 224	#E6DEE0
16.7%	16.7% #DED1D4	RGB 222 209 212	#DED1D4
33.3%	33.3% #D6C5C9	RGB 214 197 201	#D6C5C9
50.0%	50.0% #CFB9BE	RGB 207 185 190	#CFB9BE
66.7%	66.7% #C7ADB2	RGB 199 173 178	#C7ADB2
83.3%	83.3% #BFA1A7	RGB 191 161 167	#BFA1A7
100.0%	100.0% #B8959C	RGB 184 149 156	#B8959C

#E6DEE0 #DED1D4 #D6C5C9 #CFB9BE #C7ADB2 #BFA1A7 #B8959C

#E6DEE0 - #B8959C

HSV Blend

#E6DEE0 - #B8959C | 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 #E6DEE0 as 0% and #B8959C as 100%.

0.0%	0.0% #E6DEE0	RGB 230 222 224	#E6DEE0
16.7%	16.7% #DED0D4	RGB 222 208 212	#DED0D4
33.3%	33.3% #D6C4C8	RGB 214 196 200	#D6C4C8
50.0%	50.0% #CFB7BC	RGB 207 183 188	#CFB7BC
66.7%	66.7% #C7ABB1	RGB 199 171 177	#C7ABB1
83.3%	83.3% #BFA0A6	RGB 191 160 166	#BFA0A6
100.0%	100.0% #B8959C	RGB 184 149 156	#B8959C

#E6DEE0 #DED0D4 #D6C4C8 #CFB7BC #C7ABB1 #BFA0A6 #B8959C

#E6DEE0 - #CFB7BC - #B8959C

CSS codes

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

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