#D9A1BC - #E5B6FF | 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 #D9A1BC to #E5B6FF

#D9A1BC #E5B6FF

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

#D9A1BC - #E5B6FF | 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 #D9A1BC as 0% and #E5B6FF as 100%.

0.0%	0.0% #D9A1BC	RGB 217 161 188	#D9A1BC
16.7%	16.7% #DBA4C7	RGB 219 164 199	#DBA4C7
33.3%	33.3% #DDA8D2	RGB 221 168 210	#DDA8D2
50.0%	50.0% #DFABDD	RGB 223 171 221	#DFABDD
66.7%	66.7% #E1AFE8	RGB 225 175 232	#E1AFE8
83.3%	83.3% #E3B2F3	RGB 227 178 243	#E3B2F3
100.0%	100.0% #E5B6FF	RGB 229 182 255	#E5B6FF

#D9A1BC #DBA4C7 #DDA8D2 #DFABDD #E1AFE8 #E3B2F3 #E5B6FF

#D9A1BC - #E5B6FF

HSV Blend

#D9A1BC - #E5B6FF | 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 #D9A1BC as 0% and #E5B6FF as 100%.

0.0%	0.0% #D9A1BC	RGB 217 161 188	#D9A1BC
16.7%	16.7% #DFA4C9	RGB 223 164 201	#DFA4C9
33.3%	33.3% #E5A8D7	RGB 229 168 215	#E5A8D7
50.0%	50.0% #ECABE6	RGB 236 171 230	#ECABE6
66.7%	66.7% #EDAFF2	RGB 237 175 242	#EDAFF2
83.3%	83.3% #E9B2F8	RGB 233 178 248	#E9B2F8
100.0%	100.0% #E5B6FF	RGB 229 182 255	#E5B6FF

#D9A1BC #DFA4C9 #E5A8D7 #ECABE6 #EDAFF2 #E9B2F8 #E5B6FF

#D9A1BC - #ECABE6 - #E5B6FF

CSS codes

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

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