#DB49B8 - #FEBDE0 | 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 #DB49B8 to #FEBDE0

#DB49B8 #FEBDE0

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

#DB49B8 - #FEBDE0 | 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 #DB49B8 as 0% and #FEBDE0 as 100%.

0.0%	0.0% #DB49B8	RGB 219 73 184	#DB49B8
16.7%	16.7% #E05CBE	RGB 224 92 190	#E05CBE
33.3%	33.3% #E66FC5	RGB 230 111 197	#E66FC5
50.0%	50.0% #EC83CC	RGB 236 131 204	#EC83CC
66.7%	66.7% #F296D2	RGB 242 150 210	#F296D2
83.3%	83.3% #F8A9D9	RGB 248 169 217	#F8A9D9
100.0%	100.0% #FEBDE0	RGB 254 189 224	#FEBDE0

#DB49B8 #E05CBE #E66FC5 #EC83CC #F296D2 #F8A9D9 #FEBDE0

#DB49B8 - #FEBDE0

HSV Blend

#DB49B8 - #FEBDE0 | 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 #DB49B8 as 0% and #FEBDE0 as 100%.

0.0%	0.0% #DB49B8	RGB 219 73 184	#DB49B8
16.7%	16.7% #E05ABB	RGB 224 90 187	#E05ABB
33.3%	33.3% #E66CC0	RGB 230 108 192	#E66CC0
50.0%	50.0% #EC7FC6	RGB 236 127 198	#EC7FC6
66.7%	66.7% #F293CD	RGB 242 147 205	#F293CD
83.3%	83.3% #F8A7D5	RGB 248 167 213	#F8A7D5
100.0%	100.0% #FEBDE0	RGB 254 189 224	#FEBDE0

#DB49B8 #E05ABB #E66CC0 #EC7FC6 #F293CD #F8A7D5 #FEBDE0

#DB49B8 - #EC7FC6 - #FEBDE0

CSS codes

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

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