#DB3CC9 - #FDBAF9 | 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 #DB3CC9 to #FDBAF9

#DB3CC9 #FDBAF9

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

#DB3CC9 - #FDBAF9 | 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 #DB3CC9 as 0% and #FDBAF9 as 100%.

0.0%	0.0% #DB3CC9	RGB 219 60 201	#DB3CC9
16.7%	16.7% #E051D1	RGB 224 81 209	#E051D1
33.3%	33.3% #E666D9	RGB 230 102 217	#E666D9
50.0%	50.0% #EC7BE1	RGB 236 123 225	#EC7BE1
66.7%	66.7% #F190E9	RGB 241 144 233	#F190E9
83.3%	83.3% #F7A5F1	RGB 247 165 241	#F7A5F1
100.0%	100.0% #FDBAF9	RGB 253 186 249	#FDBAF9

#DB3CC9 #E051D1 #E666D9 #EC7BE1 #F190E9 #F7A5F1 #FDBAF9

#DB3CC9 - #FDBAF9

HSV Blend

#DB3CC9 - #FDBAF9 | 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 #DB3CC9 as 0% and #FDBAF9 as 100%.

0.0%	0.0% #DB3BC8	RGB 219 59 200	#DB3BC8
16.7%	16.7% #E04ED1	RGB 224 78 209	#E04ED1
33.3%	33.3% #E662D9	RGB 230 98 217	#E662D9
50.0%	50.0% #EC77E1	RGB 236 119 225	#EC77E1
66.7%	66.7% #F18CE9	RGB 241 140 233	#F18CE9
83.3%	83.3% #F7A2F1	RGB 247 162 241	#F7A2F1
100.0%	100.0% #FDBAF9	RGB 253 186 249	#FDBAF9

#DB3BC8 #E04ED1 #E662D9 #EC77E1 #F18CE9 #F7A2F1 #FDBAF9

#DB3CC9 - #EC77E1 - #FDBAF9

CSS codes

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

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