#E8DEE4 - #B1909B | 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 #E8DEE4 to #B1909B

#E8DEE4 #B1909B

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

#E8DEE4 - #B1909B | 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 #E8DEE4 as 0% and #B1909B as 100%.

0.0%	0.0% #E8DEE4	RGB 232 222 228	#E8DEE4
16.7%	16.7% #DED1D7	RGB 222 209 215	#DED1D7
33.3%	33.3% #D5C4CB	RGB 213 196 203	#D5C4CB
50.0%	50.0% #CCB7BF	RGB 204 183 191	#CCB7BF
66.7%	66.7% #C3AAB3	RGB 195 170 179	#C3AAB3
83.3%	83.3% #BA9DA7	RGB 186 157 167	#BA9DA7
100.0%	100.0% #B1909B	RGB 177 144 155	#B1909B

#E8DEE4 #DED1D7 #D5C4CB #CCB7BF #C3AAB3 #BA9DA7 #B1909B

#E8DEE4 - #B1909B

HSV Blend

#E8DEE4 - #B1909B | 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 #E8DEE4 as 0% and #B1909B as 100%.

0.0%	0.0% #E8DEE4	RGB 232 222 228	#E8DEE4
16.7%	16.7% #DECFD8	RGB 222 207 216	#DECFD8
33.3%	33.3% #D5C2CC	RGB 213 194 204	#D5C2CC
50.0%	50.0% #CCB5BF	RGB 204 181 191	#CCB5BF
66.7%	66.7% #C3A8B3	RGB 195 168 179	#C3A8B3
83.3%	83.3% #BA9BA7	RGB 186 155 167	#BA9BA7
100.0%	100.0% #B1909B	RGB 177 144 155	#B1909B

#E8DEE4 #DECFD8 #D5C2CC #CCB5BF #C3A8B3 #BA9BA7 #B1909B

#E8DEE4 - #CCB5BF - #B1909B

CSS codes

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

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