#E4DFE2 - #BC91A0 | 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 #E4DFE2 to #BC91A0

#E4DFE2 #BC91A0

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

#E4DFE2 - #BC91A0 | 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 #E4DFE2 as 0% and #BC91A0 as 100%.

0.0%	0.0% #E4DFE2	RGB 228 223 226	#E4DFE2
16.7%	16.7% #DDD2D7	RGB 221 210 215	#DDD2D7
33.3%	33.3% #D6C5CC	RGB 214 197 204	#D6C5CC
50.0%	50.0% #D0B8C1	RGB 208 184 193	#D0B8C1
66.7%	66.7% #C9ABB6	RGB 201 171 182	#C9ABB6
83.3%	83.3% #C29EAB	RGB 194 158 171	#C29EAB
100.0%	100.0% #BC91A0	RGB 188 145 160	#BC91A0

#E4DFE2 #DDD2D7 #D6C5CC #D0B8C1 #C9ABB6 #C29EAB #BC91A0

#E4DFE2 - #BC91A0

HSV Blend

#E4DFE2 - #BC91A0 | 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 #E4DFE2 as 0% and #BC91A0 as 100%.

0.0%	0.0% #E4DFE2	RGB 228 223 226	#E4DFE2
16.7%	16.7% #DDD0D7	RGB 221 208 215	#DDD0D7
33.3%	33.3% #D6C3CD	RGB 214 195 205	#D6C3CD
50.0%	50.0% #D0B5C2	RGB 208 181 194	#D0B5C2
66.7%	66.7% #C9A9B7	RGB 201 169 183	#C9A9B7
83.3%	83.3% #C29CAB	RGB 194 156 171	#C29CAB
100.0%	100.0% #BC91A0	RGB 188 145 160	#BC91A0

#E4DFE2 #DDD0D7 #D6C3CD #D0B5C2 #C9A9B7 #C29CAB #BC91A0

#E4DFE2 - #D0B5C2 - #BC91A0

CSS codes

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

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