#DDABBA - #E6B9FF | 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 #DDABBA to #E6B9FF

#DDABBA #E6B9FF

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

#DDABBA - #E6B9FF | 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 #DDABBA as 0% and #E6B9FF as 100%.

0.0%	0.0% #DDABBA	RGB 221 171 186	#DDABBA
16.7%	16.7% #DEADC5	RGB 222 173 197	#DEADC5
33.3%	33.3% #E0AFD1	RGB 224 175 209	#E0AFD1
50.0%	50.0% #E1B2DC	RGB 225 178 220	#E1B2DC
66.7%	66.7% #E3B4E8	RGB 227 180 232	#E3B4E8
83.3%	83.3% #E4B6F3	RGB 228 182 243	#E4B6F3
100.0%	100.0% #E6B9FF	RGB 230 185 255	#E6B9FF

#DDABBA #DEADC5 #E0AFD1 #E1B2DC #E3B4E8 #E4B6F3 #E6B9FF

#DDABBA - #E6B9FF

HSV Blend

#DDABBA - #E6B9FF | 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 #DDABBA as 0% and #E6B9FF as 100%.

0.0%	0.0% #DDABBA	RGB 221 171 186	#DDABBA
16.7%	16.7% #E2ADC6	RGB 226 173 198	#E2ADC6
33.3%	33.3% #E8B0D4	RGB 232 176 212	#E8B0D4
50.0%	50.0% #EEB2E3	RGB 238 178 227	#EEB2E3
66.7%	66.7% #F3B4F3	RGB 243 180 243	#F3B4F3
83.3%	83.3% #EDB6F9	RGB 237 182 249	#EDB6F9
100.0%	100.0% #E6B9FF	RGB 230 185 255	#E6B9FF

#DDABBA #E2ADC6 #E8B0D4 #EEB2E3 #F3B4F3 #EDB6F9 #E6B9FF

#DDABBA - #EEB2E3 - #E6B9FF

CSS codes

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

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