#DB6BA0 - #FECABD | 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 #DB6BA0 to #FECABD

#DB6BA0 #FECABD

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

#DB6BA0 - #FECABD | 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 #DB6BA0 as 0% and #FECABD as 100%.

0.0%	0.0% #DB6BA0	RGB 219 107 160	#DB6BA0
16.7%	16.7% #E07AA4	RGB 224 122 164	#E07AA4
33.3%	33.3% #E68AA9	RGB 230 138 169	#E68AA9
50.0%	50.0% #EC9AAE	RGB 236 154 174	#EC9AAE
66.7%	66.7% #F2AAB3	RGB 242 170 179	#F2AAB3
83.3%	83.3% #F8BAB8	RGB 248 186 184	#F8BAB8
100.0%	100.0% #FECABD	RGB 254 202 189	#FECABD

#DB6BA0 #E07AA4 #E68AA9 #EC9AAE #F2AAB3 #F8BAB8 #FECABD

#DB6BA0 - #FECABD

HSV Blend

#DB6BA0 - #FECABD | 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 #DB6BA0 as 0% and #FECABD as 100%.

0.0%	0.0% #DB6BA0	RGB 219 107 160	#DB6BA0
16.7%	16.7% #E0779D	RGB 224 119 157	#E0779D
33.3%	33.3% #E6849C	RGB 230 132 156	#E6849C
50.0%	50.0% #EC919E	RGB 236 145 158	#EC919E
66.7%	66.7% #F29FA1	RGB 242 159 161	#F29FA1
83.3%	83.3% #F8B4AE	RGB 248 180 174	#F8B4AE
100.0%	100.0% #FECABD	RGB 254 202 189	#FECABD

#DB6BA0 #E0779D #E6849C #EC919E #F29FA1 #F8B4AE #FECABD

#DB6BA0 - #EC919E - #FECABD

CSS codes

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

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