#DB7FEF - #FBDDF0 | 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 #DB7FEF to #FBDDF0

#DB7FEF #FBDDF0

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

#DB7FEF - #FBDDF0 | 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 #DB7FEF as 0% and #FBDDF0 as 100%.

0.0%	0.0% #DB7FEF	RGB 219 127 239	#DB7FEF
16.7%	16.7% #E08EEF	RGB 224 142 239	#E08EEF
33.3%	33.3% #E59EEF	RGB 229 158 239	#E59EEF
50.0%	50.0% #EBAEEF	RGB 235 174 239	#EBAEEF
66.7%	66.7% #F0BDEF	RGB 240 189 239	#F0BDEF
83.3%	83.3% #F5CDEF	RGB 245 205 239	#F5CDEF
100.0%	100.0% #FBDDF0	RGB 251 221 240	#FBDDF0

#DB7FEF #E08EEF #E59EEF #EBAEEF #F0BDEF #F5CDEF #FBDDF0

#DB7FEF - #FBDDF0

HSV Blend

#DB7FEF - #FBDDF0 | 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 #DB7FEF as 0% and #FBDDF0 as 100%.

0.0%	0.0% #DB7FEF	RGB 219 127 239	#DB7FEF
16.7%	16.7% #E88EF1	RGB 232 142 241	#E88EF1
33.3%	33.3% #F39DF2	RGB 243 157 242	#F39DF2
50.0%	50.0% #F5ACEE	RGB 245 172 238	#F5ACEE
66.7%	66.7% #F7BCEC	RGB 247 188 236	#F7BCEC
83.3%	83.3% #F9CCEC	RGB 249 204 236	#F9CCEC
100.0%	100.0% #FBDDF0	RGB 251 221 240	#FBDDF0

#DB7FEF #E88EF1 #F39DF2 #F5ACEE #F7BCEC #F9CCEC #FBDDF0

#DB7FEF - #F5ACEE - #FBDDF0

CSS codes

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

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