#DF4DBC - #F5CCEB | 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 #DF4DBC to #F5CCEB

#DF4DBC #F5CCEB

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

#DF4DBC - #F5CCEB | 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 #DF4DBC as 0% and #F5CCEB as 100%.

0.0%	0.0% #DF4DBC	RGB 223 77 188	#DF4DBC
16.7%	16.7% #E262C3	RGB 226 98 195	#E262C3
33.3%	33.3% #E677CB	RGB 230 119 203	#E677CB
50.0%	50.0% #EA8CD3	RGB 234 140 211	#EA8CD3
66.7%	66.7% #EDA1DB	RGB 237 161 219	#EDA1DB
83.3%	83.3% #F1B6E3	RGB 241 182 227	#F1B6E3
100.0%	100.0% #F5CCEB	RGB 245 204 235	#F5CCEB

#DF4DBC #E262C3 #E677CB #EA8CD3 #EDA1DB #F1B6E3 #F5CCEB

#DF4DBC - #F5CCEB

HSV Blend

#DF4DBC - #F5CCEB | 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 #DF4DBC as 0% and #F5CCEB as 100%.

0.0%	0.0% #DF4DBC	RGB 223 77 188	#DF4DBC
16.7%	16.7% #E260C3	RGB 226 96 195	#E260C3
33.3%	33.3% #E674CA	RGB 230 116 202	#E674CA
50.0%	50.0% #EA89D2	RGB 234 137 210	#EA89D2
66.7%	66.7% #ED9FDA	RGB 237 159 218	#ED9FDA
83.3%	83.3% #F1B5E2	RGB 241 181 226	#F1B5E2
100.0%	100.0% #F5CCEB	RGB 245 204 235	#F5CCEB

#DF4DBC #E260C3 #E674CA #EA89D2 #ED9FDA #F1B5E2 #F5CCEB

#DF4DBC - #EA89D2 - #F5CCEB

CSS codes

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

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