#DB6BA7 - #F4D4E5 | 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 #DB6BA7 to #F4D4E5

#DB6BA7 #F4D4E5

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

#DB6BA7 - #F4D4E5 | 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 #DB6BA7 as 0% and #F4D4E5 as 100%.

0.0%	0.0% #DB6BA7	RGB 219 107 167	#DB6BA7
16.7%	16.7% #DF7CB1	RGB 223 124 177	#DF7CB1
33.3%	33.3% #E38EBB	RGB 227 142 187	#E38EBB
50.0%	50.0% #E79FC6	RGB 231 159 198	#E79FC6
66.7%	66.7% #EBB1D0	RGB 235 177 208	#EBB1D0
83.3%	83.3% #EFC2DA	RGB 239 194 218	#EFC2DA
100.0%	100.0% #F4D4E5	RGB 244 212 229	#F4D4E5

#DB6BA7 #DF7CB1 #E38EBB #E79FC6 #EBB1D0 #EFC2DA #F4D4E5

#DB6BA7 - #F4D4E5

HSV Blend

#DB6BA7 - #F4D4E5 | 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 #DB6BA7 as 0% and #F4D4E5 as 100%.

0.0%	0.0% #DB6BA7	RGB 219 107 167	#DB6BA7
16.7%	16.7% #DF7BB0	RGB 223 123 176	#DF7BB0
33.3%	33.3% #E38BBA	RGB 227 139 186	#E38BBA
50.0%	50.0% #E79DC4	RGB 231 157 196	#E79DC4
66.7%	66.7% #EBAECF	RGB 235 174 207	#EBAECF
83.3%	83.3% #EFC1D9	RGB 239 193 217	#EFC1D9
100.0%	100.0% #F4D4E5	RGB 244 212 229	#F4D4E5

#DB6BA7 #DF7BB0 #E38BBA #E79DC4 #EBAECF #EFC1D9 #F4D4E5

#DB6BA7 - #E79DC4 - #F4D4E5

CSS codes

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

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