#E5D1DF - #BF789B | 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 #E5D1DF to #BF789B

#E5D1DF #BF789B

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

#E5D1DF - #BF789B | 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 #E5D1DF as 0% and #BF789B as 100%.

0.0%	0.0% #E5D1DF	RGB 229 209 223	#E5D1DF
16.7%	16.7% #DEC2D3	RGB 222 194 211	#DEC2D3
33.3%	33.3% #D8B3C8	RGB 216 179 200	#D8B3C8
50.0%	50.0% #D2A4BD	RGB 210 164 189	#D2A4BD
66.7%	66.7% #CB95B1	RGB 203 149 177	#CB95B1
83.3%	83.3% #C586A6	RGB 197 134 166	#C586A6
100.0%	100.0% #BF789B	RGB 191 120 155	#BF789B

#E5D1DF #DEC2D3 #D8B3C8 #D2A4BD #CB95B1 #C586A6 #BF789B

#E5D1DF - #BF789B

HSV Blend

#E5D1DF - #BF789B | 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 #E5D1DF as 0% and #BF789B as 100%.

0.0%	0.0% #E5D1DF	RGB 229 209 223	#E5D1DF
16.7%	16.7% #DEC0D4	RGB 222 192 212	#DEC0D4
33.3%	33.3% #D8B0C9	RGB 216 176 201	#D8B0C9
50.0%	50.0% #D2A1BE	RGB 210 161 190	#D2A1BE
66.7%	66.7% #CB93B2	RGB 203 147 178	#CB93B2
83.3%	83.3% #C585A7	RGB 197 133 167	#C585A7
100.0%	100.0% #BF789B	RGB 191 120 155	#BF789B

#E5D1DF #DEC0D4 #D8B0C9 #D2A1BE #CB93B2 #C585A7 #BF789B

#E5D1DF - #D2A1BE - #BF789B

CSS codes

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

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