#DA50A8 - #FFBCCB | 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 #DA50A8 to #FFBCCB

#DA50A8 #FFBCCB

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

#DA50A8 - #FFBCCB | 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 #DA50A8 as 0% and #FFBCCB as 100%.

0.0%	0.0% #DA50A8	RGB 218 80 168	#DA50A8
16.7%	16.7% #E062AD	RGB 224 98 173	#E062AD
33.3%	33.3% #E674B3	RGB 230 116 179	#E674B3
50.0%	50.0% #EC86B9	RGB 236 134 185	#EC86B9
66.7%	66.7% #F298BF	RGB 242 152 191	#F298BF
83.3%	83.3% #F8AAC5	RGB 248 170 197	#F8AAC5
100.0%	100.0% #FFBCCB	RGB 255 188 203	#FFBCCB

#DA50A8 #E062AD #E674B3 #EC86B9 #F298BF #F8AAC5 #FFBCCB

#DA50A8 - #FFBCCB

HSV Blend

#DA50A8 - #FFBCCB | 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 #DA50A8 as 0% and #FFBCCB as 100%.

0.0%	0.0% #DA50A8	RGB 218 80 168	#DA50A8
16.7%	16.7% #E060A8	RGB 224 96 168	#E060A8
33.3%	33.3% #E670AB	RGB 230 112 171	#E670AB
50.0%	50.0% #EC82B0	RGB 236 130 176	#EC82B0
66.7%	66.7% #F294B6	RGB 242 148 182	#F294B6
83.3%	83.3% #F8A8BF	RGB 248 168 191	#F8A8BF
100.0%	100.0% #FFBCCB	RGB 255 188 203	#FFBCCB

#DA50A8 #E060A8 #E670AB #EC82B0 #F294B6 #F8A8BF #FFBCCB

#DA50A8 - #EC82B0 - #FFBCCB

CSS codes

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

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