#DCBBD4 - #FFE7DF | 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 #DCBBD4 to #FFE7DF

#DCBBD4 #FFE7DF

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

#DCBBD4 - #FFE7DF | 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 #DCBBD4 as 0% and #FFE7DF as 100%.

0.0%	0.0% #DCBBD4	RGB 220 187 212	#DCBBD4
16.7%	16.7% #E1C2D5	RGB 225 194 213	#E1C2D5
33.3%	33.3% #E7C9D7	RGB 231 201 215	#E7C9D7
50.0%	50.0% #EDD1D9	RGB 237 209 217	#EDD1D9
66.7%	66.7% #F3D8DB	RGB 243 216 219	#F3D8DB
83.3%	83.3% #F9DFDD	RGB 249 223 221	#F9DFDD
100.0%	100.0% #FFE7DF	RGB 255 231 223	#FFE7DF

#DCBBD4 #E1C2D5 #E7C9D7 #EDD1D9 #F3D8DB #F9DFDD #FFE7DF

#DCBBD4 - #FFE7DF

HSV Blend

#DCBBD4 - #FFE7DF | 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 #DCBBD4 as 0% and #FFE7DF as 100%.

0.0%	0.0% #DCBBD4	RGB 220 187 212	#DCBBD4
16.7%	16.7% #E1C0D4	RGB 225 192 212	#E1C0D4
33.3%	33.3% #E7C6D4	RGB 231 198 212	#E7C6D4
50.0%	50.0% #EDCCD5	RGB 237 204 213	#EDCCD5
66.7%	66.7% #F3D2D5	RGB 243 210 213	#F3D2D5
83.3%	83.3% #F9DBD8	RGB 249 219 216	#F9DBD8
100.0%	100.0% #FFE7DF	RGB 255 231 223	#FFE7DF

#DCBBD4 #E1C0D4 #E7C6D4 #EDCCD5 #F3D2D5 #F9DBD8 #FFE7DF

#DCBBD4 - #EDCCD5 - #FFE7DF

CSS codes

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

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