#CF2FD3 - #F0C3F2 | 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 #CF2FD3 to #F0C3F2

#CF2FD3 #F0C3F2

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

#CF2FD3 - #F0C3F2 | 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 #CF2FD3 as 0% and #F0C3F2 as 100%.

0.0%	0.0% #CF2FD3	RGB 207 47 211	#CF2FD3
16.7%	16.7% #D447D8	RGB 212 71 216	#D447D8
33.3%	33.3% #DA60DD	RGB 218 96 221	#DA60DD
50.0%	50.0% #DF79E2	RGB 223 121 226	#DF79E2
66.7%	66.7% #E591E7	RGB 229 145 231	#E591E7
83.3%	83.3% #EAAAEC	RGB 234 170 236	#EAAAEC
100.0%	100.0% #F0C3F2	RGB 240 195 242	#F0C3F2

#CF2FD3 #D447D8 #DA60DD #DF79E2 #E591E7 #EAAAEC #F0C3F2

#CF2FD3 - #F0C3F2

HSV Blend

#CF2FD3 - #F0C3F2 | 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 #CF2FD3 as 0% and #F0C3F2 as 100%.

0.0%	0.0% #CF2FD3	RGB 207 47 211	#CF2FD3
16.7%	16.7% #D445D8	RGB 212 69 216	#D445D8
33.3%	33.3% #D95CDD	RGB 217 92 221	#D95CDD
50.0%	50.0% #DE74E2	RGB 222 116 226	#DE74E2
66.7%	66.7% #E48DE7	RGB 228 141 231	#E48DE7
83.3%	83.3% #EAA7EC	RGB 234 167 236	#EAA7EC
100.0%	100.0% #F0C3F2	RGB 240 195 242	#F0C3F2

#CF2FD3 #D445D8 #D95CDD #DE74E2 #E48DE7 #EAA7EC #F0C3F2

#CF2FD3 - #DE74E2 - #F0C3F2

CSS codes

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

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