#DF4FA8 - #FFBDCB | 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 #DF4FA8 to #FFBDCB

#DF4FA8 #FFBDCB

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

#DF4FA8 - #FFBDCB | 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 #DF4FA8 as 0% and #FFBDCB as 100%.

0.0%	0.0% #DF4FA8	RGB 223 79 168	#DF4FA8
16.7%	16.7% #E461AD	RGB 228 97 173	#E461AD
33.3%	33.3% #E973B3	RGB 233 115 179	#E973B3
50.0%	50.0% #EF86B9	RGB 239 134 185	#EF86B9
66.7%	66.7% #F498BF	RGB 244 152 191	#F498BF
83.3%	83.3% #F9AAC5	RGB 249 170 197	#F9AAC5
100.0%	100.0% #FFBDCB	RGB 255 189 203	#FFBDCB

#DF4FA8 #E461AD #E973B3 #EF86B9 #F498BF #F9AAC5 #FFBDCB

#DF4FA8 - #FFBDCB

HSV Blend

#DF4FA8 - #FFBDCB | 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 #DF4FA8 as 0% and #FFBDCB as 100%.

0.0%	0.0% #DF4FA7	RGB 223 79 167	#DF4FA7
16.7%	16.7% #E45FA8	RGB 228 95 168	#E45FA8
33.3%	33.3% #E970AB	RGB 233 112 171	#E970AB
50.0%	50.0% #EF82AF	RGB 239 130 175	#EF82AF
66.7%	66.7% #F495B6	RGB 244 149 182	#F495B6
83.3%	83.3% #F9A8BF	RGB 249 168 191	#F9A8BF
100.0%	100.0% #FFBDCB	RGB 255 189 203	#FFBDCB

#DF4FA7 #E45FA8 #E970AB #EF82AF #F495B6 #F9A8BF #FFBDCB

#DF4FA8 - #EF82AF - #FFBDCB

CSS codes

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

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