#CD6DDB - #FECCDF | 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 #CD6DDB to #FECCDF

#CD6DDB #FECCDF

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

#CD6DDB - #FECCDF | 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 #CD6DDB as 0% and #FECCDF as 100%.

0.0%	0.0% #CD6DDB	RGB 205 109 219	#CD6DDB
16.7%	16.7% #D57CDB	RGB 213 124 219	#D57CDB
33.3%	33.3% #DD8CDC	RGB 221 140 220	#DD8CDC
50.0%	50.0% #E59CDD	RGB 229 156 221	#E59CDD
66.7%	66.7% #EDACDD	RGB 237 172 221	#EDACDD
83.3%	83.3% #F5BCDE	RGB 245 188 222	#F5BCDE
100.0%	100.0% #FECCDF	RGB 254 204 223	#FECCDF

#CD6DDB #D57CDB #DD8CDC #E59CDD #EDACDD #F5BCDE #FECCDF

#CD6DDB - #FECCDF

HSV Blend

#CD6DDB - #FECCDF | 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 #CD6DDB as 0% and #FECCDF as 100%.

0.0%	0.0% #CD6DDB	RGB 205 109 219	#CD6DDB
16.7%	16.7% #E07BE0	RGB 224 123 224	#E07BE0
33.3%	33.3% #E68ADB	RGB 230 138 219	#E68ADB
50.0%	50.0% #EC99D8	RGB 236 153 216	#EC99D8
66.7%	66.7% #F2A9D7	RGB 242 169 215	#F2A9D7
83.3%	83.3% #F8BAD9	RGB 248 186 217	#F8BAD9
100.0%	100.0% #FECCDF	RGB 254 204 223	#FECCDF

#CD6DDB #E07BE0 #E68ADB #EC99D8 #F2A9D7 #F8BAD9 #FECCDF

#CD6DDB - #EC99D8 - #FECCDF

CSS codes

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

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