#FFCAFC - #DA72B0 | 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 #FFCAFC to #DA72B0

#FFCAFC #DA72B0

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

#FFCAFC - #DA72B0 | 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 #FFCAFC as 0% and #DA72B0 as 100%.

0.0%	0.0% #FFCAFC	RGB 255 202 252	#FFCAFC
16.7%	16.7% #F8BBEF	RGB 248 187 239	#F8BBEF
33.3%	33.3% #F2ACE2	RGB 242 172 226	#F2ACE2
50.0%	50.0% #EC9ED6	RGB 236 158 214	#EC9ED6
66.7%	66.7% #E68FC9	RGB 230 143 201	#E68FC9
83.3%	83.3% #E080BC	RGB 224 128 188	#E080BC
100.0%	100.0% #DA72B0	RGB 218 114 176	#DA72B0

#FFCAFC #F8BBEF #F2ACE2 #EC9ED6 #E68FC9 #E080BC #DA72B0

#FFCAFC - #DA72B0

HSV Blend

#FFCAFC - #DA72B0 | 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 #FFCAFC as 0% and #DA72B0 as 100%.

0.0%	0.0% #FFCAFC	RGB 255 202 252	#FFCAFC
16.7%	16.7% #F8B9F1	RGB 248 185 241	#F8B9F1
33.3%	33.3% #F2AAE6	RGB 242 170 230	#F2AAE6
50.0%	50.0% #EC9BD9	RGB 236 155 217	#EC9BD9
66.7%	66.7% #E68DCC	RGB 230 141 204	#E68DCC
83.3%	83.3% #E07FBE	RGB 224 127 190	#E07FBE
100.0%	100.0% #DA72B0	RGB 218 114 176	#DA72B0

#FFCAFC #F8B9F1 #F2AAE6 #EC9BD9 #E68DCC #E07FBE #DA72B0

#FFCAFC - #EC9BD9 - #DA72B0

CSS codes

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

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