#D6B2D4 - #F3E9F3 | 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 #D6B2D4 to #F3E9F3

#D6B2D4 #F3E9F3

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

#D6B2D4 - #F3E9F3 | 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 #D6B2D4 as 0% and #F3E9F3 as 100%.

0.0%	0.0% #D6B2D4	RGB 214 178 212	#D6B2D4
16.7%	16.7% #DABBD9	RGB 218 187 217	#DABBD9
33.3%	33.3% #DFC4DE	RGB 223 196 222	#DFC4DE
50.0%	50.0% #E4CDE3	RGB 228 205 227	#E4CDE3
66.7%	66.7% #E9D6E8	RGB 233 214 232	#E9D6E8
83.3%	83.3% #EEDFED	RGB 238 223 237	#EEDFED
100.0%	100.0% #F3E9F3	RGB 243 233 243	#F3E9F3

#D6B2D4 #DABBD9 #DFC4DE #E4CDE3 #E9D6E8 #EEDFED #F3E9F3

#D6B2D4 - #F3E9F3

HSV Blend

#D6B2D4 - #F3E9F3 | 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 #D6B2D4 as 0% and #F3E9F3 as 100%.

0.0%	0.0% #D6B2D4	RGB 214 178 212	#D6B2D4
16.7%	16.7% #DABAD9	RGB 218 186 217	#DABAD9
33.3%	33.3% #DFC3DE	RGB 223 195 222	#DFC3DE
50.0%	50.0% #E4CCE3	RGB 228 204 227	#E4CCE3
66.7%	66.7% #E9D5E8	RGB 233 213 232	#E9D5E8
83.3%	83.3% #EEDFEE	RGB 238 223 238	#EEDFEE
100.0%	100.0% #F3E9F3	RGB 243 233 243	#F3E9F3

#D6B2D4 #DABAD9 #DFC3DE #E4CCE3 #E9D5E8 #EEDFEE #F3E9F3

#D6B2D4 - #E4CCE3 - #F3E9F3

CSS codes

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

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