#DBC7DC - #DFD4F0 | 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 #DBC7DC to #DFD4F0

#DBC7DC #DFD4F0

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

#DBC7DC - #DFD4F0 | 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 #DBC7DC as 0% and #DFD4F0 as 100%.

0.0%	0.0% #DBC7DC	RGB 219 199 220	#DBC7DC
16.7%	16.7% #DBC9DF	RGB 219 201 223	#DBC9DF
33.3%	33.3% #DCCBE2	RGB 220 203 226	#DCCBE2
50.0%	50.0% #DDCDE6	RGB 221 205 230	#DDCDE6
66.7%	66.7% #DDCFE9	RGB 221 207 233	#DDCFE9
83.3%	83.3% #DED1EC	RGB 222 209 236	#DED1EC
100.0%	100.0% #DFD4F0	RGB 223 212 240	#DFD4F0

#DBC7DC #DBC9DF #DCCBE2 #DDCDE6 #DDCFE9 #DED1EC #DFD4F0

#DBC7DC - #DFD4F0

HSV Blend

#DBC7DC - #DFD4F0 | 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 #DBC7DC as 0% and #DFD4F0 as 100%.

0.0%	0.0% #DBC7DC	RGB 219 199 220	#DBC7DC
16.7%	16.7% #DCC9DF	RGB 220 201 223	#DCC9DF
33.3%	33.3% #DDCBE2	RGB 221 203 226	#DDCBE2
50.0%	50.0% #DECDE6	RGB 222 205 230	#DECDE6
66.7%	66.7% #DECFE9	RGB 222 207 233	#DECFE9
83.3%	83.3% #DED1EC	RGB 222 209 236	#DED1EC
100.0%	100.0% #DFD4F0	RGB 223 212 240	#DFD4F0

#DBC7DC #DCC9DF #DDCBE2 #DECDE6 #DECFE9 #DED1EC #DFD4F0

#DBC7DC - #DECDE6 - #DFD4F0

CSS codes

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

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