#DB6BA4 - #FECBC2 | 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 #DB6BA4 to #FECBC2

#DB6BA4 #FECBC2

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

#DB6BA4 - #FECBC2 | 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 #DB6BA4 as 0% and #FECBC2 as 100%.

0.0%	0.0% #DB6BA4	RGB 219 107 164	#DB6BA4
16.7%	16.7% #E07BA9	RGB 224 123 169	#E07BA9
33.3%	33.3% #E68BAE	RGB 230 139 174	#E68BAE
50.0%	50.0% #EC9BB3	RGB 236 155 179	#EC9BB3
66.7%	66.7% #F2ABB8	RGB 242 171 184	#F2ABB8
83.3%	83.3% #F8BBBD	RGB 248 187 189	#F8BBBD
100.0%	100.0% #FECBC2	RGB 254 203 194	#FECBC2

#DB6BA4 #E07BA9 #E68BAE #EC9BB3 #F2ABB8 #F8BBBD #FECBC2

#DB6BA4 - #FECBC2

HSV Blend

#DB6BA4 - #FECBC2 | 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 #DB6BA4 as 0% and #FECBC2 as 100%.

0.0%	0.0% #DB6BA3	RGB 219 107 163	#DB6BA3
16.7%	16.7% #E078A1	RGB 224 120 161	#E078A1
33.3%	33.3% #E685A1	RGB 230 133 161	#E685A1
50.0%	50.0% #EC94A3	RGB 236 148 163	#EC94A3
66.7%	66.7% #F2A2A8	RGB 242 162 168	#F2A2A8
83.3%	83.3% #F8B4B2	RGB 248 180 178	#F8B4B2
100.0%	100.0% #FECBC2	RGB 254 203 194	#FECBC2

#DB6BA3 #E078A1 #E685A1 #EC94A3 #F2A2A8 #F8B4B2 #FECBC2

#DB6BA4 - #EC94A3 - #FECBC2

CSS codes

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

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