#DBC8D9 - #E5D0EA | 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 #DBC8D9 to #E5D0EA

#DBC8D9 #E5D0EA

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

#DBC8D9 - #E5D0EA | 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 #DBC8D9 as 0% and #E5D0EA as 100%.

0.0%	0.0% #DBC8D9	RGB 219 200 217	#DBC8D9
16.7%	16.7% #DCC9DB	RGB 220 201 219	#DCC9DB
33.3%	33.3% #DECADE	RGB 222 202 222	#DECADE
50.0%	50.0% #E0CCE1	RGB 224 204 225	#E0CCE1
66.7%	66.7% #E1CDE4	RGB 225 205 228	#E1CDE4
83.3%	83.3% #E3CEE7	RGB 227 206 231	#E3CEE7
100.0%	100.0% #E5D0EA	RGB 229 208 234	#E5D0EA

#DBC8D9 #DCC9DB #DECADE #E0CCE1 #E1CDE4 #E3CEE7 #E5D0EA

#DBC8D9 - #E5D0EA

HSV Blend

#DBC8D9 - #E5D0EA | 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 #DBC8D9 as 0% and #E5D0EA as 100%.

0.0%	0.0% #DBC8D9	RGB 219 200 217	#DBC8D9
16.7%	16.7% #DDC9DC	RGB 221 201 220	#DDC9DC
33.3%	33.3% #E0CADF	RGB 224 202 223	#E0CADF
50.0%	50.0% #E1CCE2	RGB 225 204 226	#E1CCE2
66.7%	66.7% #E2CDE5	RGB 226 205 229	#E2CDE5
83.3%	83.3% #E3CEE7	RGB 227 206 231	#E3CEE7
100.0%	100.0% #E5D0EA	RGB 229 208 234	#E5D0EA

#DBC8D9 #DDC9DC #E0CADF #E1CCE2 #E2CDE5 #E3CEE7 #E5D0EA

#DBC8D9 - #E1CCE2 - #E5D0EA

CSS codes

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

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