#D2B2EE - #DFDBE7 | 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 #D2B2EE to #DFDBE7

#D2B2EE #DFDBE7

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

#D2B2EE - #DFDBE7 | 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 #D2B2EE as 0% and #DFDBE7 as 100%.

0.0%	0.0% #D2B2EE	RGB 210 178 238	#D2B2EE
16.7%	16.7% #D4B8EC	RGB 212 184 236	#D4B8EC
33.3%	33.3% #D6BFEB	RGB 214 191 235	#D6BFEB
50.0%	50.0% #D8C6EA	RGB 216 198 234	#D8C6EA
66.7%	66.7% #DACDE9	RGB 218 205 233	#DACDE9
83.3%	83.3% #DCD4E8	RGB 220 212 232	#DCD4E8
100.0%	100.0% #DFDBE7	RGB 223 219 231	#DFDBE7

#D2B2EE #D4B8EC #D6BFEB #D8C6EA #DACDE9 #DCD4E8 #DFDBE7

#D2B2EE - #DFDBE7

HSV Blend

#D2B2EE - #DFDBE7 | 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 #D2B2EE as 0% and #DFDBE7 as 100%.

0.0%	0.0% #D2B2EE	RGB 210 178 238	#D2B2EE
16.7%	16.7% #D2B9EC	RGB 210 185 236	#D2B9EC
33.3%	33.3% #D4BFEB	RGB 212 191 235	#D4BFEB
50.0%	50.0% #D6C6EA	RGB 214 198 234	#D6C6EA
66.7%	66.7% #D8CDE9	RGB 216 205 233	#D8CDE9
83.3%	83.3% #DBD4E8	RGB 219 212 232	#DBD4E8
100.0%	100.0% #DFDBE7	RGB 223 219 231	#DFDBE7

#D2B2EE #D2B9EC #D4BFEB #D6C6EA #D8CDE9 #DBD4E8 #DFDBE7

#D2B2EE - #D6C6EA - #DFDBE7

CSS codes

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

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