#CF3FEC - #ED6FFB | 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 #CF3FEC to #ED6FFB

#CF3FEC #ED6FFB

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

#CF3FEC - #ED6FFB | 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 #CF3FEC as 0% and #ED6FFB as 100%.

0.0%	0.0% #CF3FEC	RGB 207 63 236	#CF3FEC
16.7%	16.7% #D447EE	RGB 212 71 238	#D447EE
33.3%	33.3% #D94FF1	RGB 217 79 241	#D94FF1
50.0%	50.0% #DE57F3	RGB 222 87 243	#DE57F3
66.7%	66.7% #E35FF6	RGB 227 95 246	#E35FF6
83.3%	83.3% #E867F8	RGB 232 103 248	#E867F8
100.0%	100.0% #ED6FFB	RGB 237 111 251	#ED6FFB

#CF3FEC #D447EE #D94FF1 #DE57F3 #E35FF6 #E867F8 #ED6FFB

#CF3FEC - #ED6FFB

HSV Blend

#CF3FEC - #ED6FFB | 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 #CF3FEC as 0% and #ED6FFB as 100%.

0.0%	0.0% #CF3FEC	RGB 207 63 236	#CF3FEC
16.7%	16.7% #D446EE	RGB 212 70 238	#D446EE
33.3%	33.3% #D94EF1	RGB 217 78 241	#D94EF1
50.0%	50.0% #DE56F3	RGB 222 86 243	#DE56F3
66.7%	66.7% #E35EF6	RGB 227 94 246	#E35EF6
83.3%	83.3% #E866F8	RGB 232 102 248	#E866F8
100.0%	100.0% #ED6FFB	RGB 237 111 251	#ED6FFB

#CF3FEC #D446EE #D94EF1 #DE56F3 #E35EF6 #E866F8 #ED6FFB

#CF3FEC - #DE56F3 - #ED6FFB

CSS codes

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

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