#DA50D1 - #FFBCDF | 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 #DA50D1 to #FFBCDF

#DA50D1 #FFBCDF

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

#DA50D1 - #FFBCDF | 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 #DA50D1 as 0% and #FFBCDF as 100%.

0.0%	0.0% #DA50D1	RGB 218 80 209	#DA50D1
16.7%	16.7% #E062D3	RGB 224 98 211	#E062D3
33.3%	33.3% #E674D5	RGB 230 116 213	#E674D5
50.0%	50.0% #EC86D8	RGB 236 134 216	#EC86D8
66.7%	66.7% #F298DA	RGB 242 152 218	#F298DA
83.3%	83.3% #F8AADC	RGB 248 170 220	#F8AADC
100.0%	100.0% #FFBCDF	RGB 255 188 223	#FFBCDF

#DA50D1 #E062D3 #E674D5 #EC86D8 #F298DA #F8AADC #FFBCDF

#DA50D1 - #FFBCDF

HSV Blend

#DA50D1 - #FFBCDF | 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 #DA50D1 as 0% and #FFBCDF as 100%.

0.0%	0.0% #DA50D1	RGB 218 80 209	#DA50D1
16.7%	16.7% #E060CF	RGB 224 96 207	#E060CF
33.3%	33.3% #E670CE	RGB 230 112 206	#E670CE
50.0%	50.0% #EC82CF	RGB 236 130 207	#EC82CF
66.7%	66.7% #F294D2	RGB 242 148 210	#F294D2
83.3%	83.3% #F8A8D7	RGB 248 168 215	#F8A8D7
100.0%	100.0% #FFBCDF	RGB 255 188 223	#FFBCDF

#DA50D1 #E060CF #E670CE #EC82CF #F294D2 #F8A8D7 #FFBCDF

#DA50D1 - #EC82CF - #FFBCDF

CSS codes

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

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