#DDBDC7 - #EFCBF3 | 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 #DDBDC7 to #EFCBF3

#DDBDC7 #EFCBF3

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

#DDBDC7 - #EFCBF3 | 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 #DDBDC7 as 0% and #EFCBF3 as 100%.

0.0%	0.0% #DDBDC7	RGB 221 189 199	#DDBDC7
16.7%	16.7% #E0BFCE	RGB 224 191 206	#E0BFCE
33.3%	33.3% #E3C1D5	RGB 227 193 213	#E3C1D5
50.0%	50.0% #E6C4DD	RGB 230 196 221	#E6C4DD
66.7%	66.7% #E9C6E4	RGB 233 198 228	#E9C6E4
83.3%	83.3% #ECC8EB	RGB 236 200 235	#ECC8EB
100.0%	100.0% #EFCBF3	RGB 239 203 243	#EFCBF3

#DDBDC7 #E0BFCE #E3C1D5 #E6C4DD #E9C6E4 #ECC8EB #EFCBF3

#DDBDC7 - #EFCBF3

HSV Blend

#DDBDC7 - #EFCBF3 | 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 #DDBDC7 as 0% and #EFCBF3 as 100%.

0.0%	0.0% #DDBDC7	RGB 221 189 199	#DDBDC7
16.7%	16.7% #E0BFCE	RGB 224 191 206	#E0BFCE
33.3%	33.3% #E4C1D5	RGB 228 193 213	#E4C1D5
50.0%	50.0% #E8C4DD	RGB 232 196 221	#E8C4DD
66.7%	66.7% #EBC6E5	RGB 235 198 229	#EBC6E5
83.3%	83.3% #EFC8EE	RGB 239 200 238	#EFC8EE
100.0%	100.0% #EFCBF3	RGB 239 203 243	#EFCBF3

#DDBDC7 #E0BFCE #E4C1D5 #E8C4DD #EBC6E5 #EFC8EE #EFCBF3

#DDBDC7 - #E8C4DD - #EFCBF3

CSS codes

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

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