#DB6BA1 - #FA9ED3 | 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 #DB6BA1 to #FA9ED3

#DB6BA1 #FA9ED3

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

#DB6BA1 - #FA9ED3 | 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 #DB6BA1 as 0% and #FA9ED3 as 100%.

0.0%	0.0% #DB6BA1	RGB 219 107 161	#DB6BA1
16.7%	16.7% #E073A9	RGB 224 115 169	#E073A9
33.3%	33.3% #E57CB1	RGB 229 124 177	#E57CB1
50.0%	50.0% #EA84BA	RGB 234 132 186	#EA84BA
66.7%	66.7% #EF8DC2	RGB 239 141 194	#EF8DC2
83.3%	83.3% #F495CA	RGB 244 149 202	#F495CA
100.0%	100.0% #FA9ED3	RGB 250 158 211	#FA9ED3

#DB6BA1 #E073A9 #E57CB1 #EA84BA #EF8DC2 #F495CA #FA9ED3

#DB6BA1 - #FA9ED3

HSV Blend

#DB6BA1 - #FA9ED3 | 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 #DB6BA1 as 0% and #FA9ED3 as 100%.

0.0%	0.0% #DB6BA1	RGB 219 107 161	#DB6BA1
16.7%	16.7% #E072A9	RGB 224 114 169	#E072A9
33.3%	33.3% #E57BB1	RGB 229 123 177	#E57BB1
50.0%	50.0% #EA83B9	RGB 234 131 185	#EA83B9
66.7%	66.7% #EF8CC2	RGB 239 140 194	#EF8CC2
83.3%	83.3% #F494CA	RGB 244 148 202	#F494CA
100.0%	100.0% #FA9ED3	RGB 250 158 211	#FA9ED3

#DB6BA1 #E072A9 #E57BB1 #EA83B9 #EF8CC2 #F494CA #FA9ED3

#DB6BA1 - #EA83B9 - #FA9ED3

CSS codes

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

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