#D6BEEA - #FDDBFD | 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 #D6BEEA to #FDDBFD

#D6BEEA #FDDBFD

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

#D6BEEA - #FDDBFD | 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 #D6BEEA as 0% and #FDDBFD as 100%.

0.0%	0.0% #D6BEEA	RGB 214 190 234	#D6BEEA
16.7%	16.7% #DCC2ED	RGB 220 194 237	#DCC2ED
33.3%	33.3% #E3C7F0	RGB 227 199 240	#E3C7F0
50.0%	50.0% #E9CCF3	RGB 233 204 243	#E9CCF3
66.7%	66.7% #F0D1F6	RGB 240 209 246	#F0D1F6
83.3%	83.3% #F6D6F9	RGB 246 214 249	#F6D6F9
100.0%	100.0% #FDDBFD	RGB 253 219 253	#FDDBFD

#D6BEEA #DCC2ED #E3C7F0 #E9CCF3 #F0D1F6 #F6D6F9 #FDDBFD

#D6BEEA - #FDDBFD

HSV Blend

#D6BEEA - #FDDBFD | 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 #D6BEEA as 0% and #FDDBFD as 100%.

0.0%	0.0% #D6BEEA	RGB 214 190 234	#D6BEEA
16.7%	16.7% #DDC2ED	RGB 221 194 237	#DDC2ED
33.3%	33.3% #E3C7F0	RGB 227 199 240	#E3C7F0
50.0%	50.0% #EACCF3	RGB 234 204 243	#EACCF3
66.7%	66.7% #F0D1F6	RGB 240 209 246	#F0D1F6
83.3%	83.3% #F7D6F9	RGB 247 214 249	#F7D6F9
100.0%	100.0% #FDDBFD	RGB 253 219 253	#FDDBFD

#D6BEEA #DDC2ED #E3C7F0 #EACCF3 #F0D1F6 #F7D6F9 #FDDBFD

#D6BEEA - #EACCF3 - #FDDBFD

CSS codes

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

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