#D9CBD4 - #E2D2EE | 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 #D9CBD4 to #E2D2EE

#D9CBD4 #E2D2EE

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

#D9CBD4 - #E2D2EE | 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 #D9CBD4 as 0% and #E2D2EE as 100%.

0.0%	0.0% #D9CBD4	RGB 217 203 212	#D9CBD4
16.7%	16.7% #DACCD8	RGB 218 204 216	#DACCD8
33.3%	33.3% #DCCDDC	RGB 220 205 220	#DCCDDC
50.0%	50.0% #DDCEE1	RGB 221 206 225	#DDCEE1
66.7%	66.7% #DFCFE5	RGB 223 207 229	#DFCFE5
83.3%	83.3% #E0D0E9	RGB 224 208 233	#E0D0E9
100.0%	100.0% #E2D2EE	RGB 226 210 238	#E2D2EE

#D9CBD4 #DACCD8 #DCCDDC #DDCEE1 #DFCFE5 #E0D0E9 #E2D2EE

#D9CBD4 - #E2D2EE

HSV Blend

#D9CBD4 - #E2D2EE | 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 #D9CBD4 as 0% and #E2D2EE as 100%.

0.0%	0.0% #D9CBD4	RGB 217 203 212	#D9CBD4
16.7%	16.7% #DCCCD8	RGB 220 204 216	#DCCCD8
33.3%	33.3% #E0CDDE	RGB 224 205 222	#E0CDDE
50.0%	50.0% #E2CEE3	RGB 226 206 227	#E2CEE3
66.7%	66.7% #E3CFE7	RGB 227 207 231	#E3CFE7
83.3%	83.3% #E2D0EA	RGB 226 208 234	#E2D0EA
100.0%	100.0% #E2D2EE	RGB 226 210 238	#E2D2EE

#D9CBD4 #DCCCD8 #E0CDDE #E2CEE3 #E3CFE7 #E2D0EA #E2D2EE

#D9CBD4 - #E2CEE3 - #E2D2EE

CSS codes

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

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