#DB6BDC - #FFCFE0 | 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 #DB6BDC to #FFCFE0

#DB6BDC #FFCFE0

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

#DB6BDC - #FFCFE0 | 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 #DB6BDC as 0% and #FFCFE0 as 100%.

0.0%	0.0% #DB6BDC	RGB 219 107 220	#DB6BDC
16.7%	16.7% #E17BDC	RGB 225 123 220	#E17BDC
33.3%	33.3% #E78CDD	RGB 231 140 221	#E78CDD
50.0%	50.0% #ED9DDE	RGB 237 157 222	#ED9DDE
66.7%	66.7% #F3ADDE	RGB 243 173 222	#F3ADDE
83.3%	83.3% #F9BEDF	RGB 249 190 223	#F9BEDF
100.0%	100.0% #FFCFE0	RGB 255 207 224	#FFCFE0

#DB6BDC #E17BDC #E78CDD #ED9DDE #F3ADDE #F9BEDF #FFCFE0

#DB6BDC - #FFCFE0

HSV Blend

#DB6BDC - #FFCFE0 | 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 #DB6BDC as 0% and #FFCFE0 as 100%.

0.0%	0.0% #DB6BDC	RGB 219 107 220	#DB6BDC
16.7%	16.7% #E17AD7	RGB 225 122 215	#E17AD7
33.3%	33.3% #E789D4	RGB 231 137 212	#E789D4
50.0%	50.0% #ED9AD2	RGB 237 154 210	#ED9AD2
66.7%	66.7% #F3ABD4	RGB 243 171 212	#F3ABD4
83.3%	83.3% #F9BCD8	RGB 249 188 216	#F9BCD8
100.0%	100.0% #FFCFE0	RGB 255 207 224	#FFCFE0

#DB6BDC #E17AD7 #E789D4 #ED9AD2 #F3ABD4 #F9BCD8 #FFCFE0

#DB6BDC - #ED9AD2 - #FFCFE0

CSS codes

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

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