#CF3C74 - #FE71FF | 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 #CF3C74 to #FE71FF

#CF3C74 #FE71FF

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

#CF3C74 - #FE71FF | 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 #CF3C74 as 0% and #FE71FF as 100%.

0.0%	0.0% #CF3C74	RGB 207 60 116	#CF3C74
16.7%	16.7% #D6448B	RGB 214 68 139	#D6448B
33.3%	33.3% #DE4DA2	RGB 222 77 162	#DE4DA2
50.0%	50.0% #E656B9	RGB 230 86 185	#E656B9
66.7%	66.7% #EE5FD0	RGB 238 95 208	#EE5FD0
83.3%	83.3% #F668E7	RGB 246 104 231	#F668E7
100.0%	100.0% #FE71FF	RGB 254 113 255	#FE71FF

#CF3C74 #D6448B #DE4DA2 #E656B9 #EE5FD0 #F668E7 #FE71FF

#CF3C74 - #FE71FF

HSV Blend

#CF3C74 - #FE71FF | 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 #CF3C74 as 0% and #FE71FF as 100%.

0.0%	0.0% #CF3C74	RGB 207 60 116	#CF3C74
16.7%	16.7% #D7438B	RGB 215 67 139	#D7438B
33.3%	33.3% #DF4CA2	RGB 223 76 162	#DF4CA2
50.0%	50.0% #E754BA	RGB 231 84 186	#E754BA
66.7%	66.7% #EF5DD1	RGB 239 93 209	#EF5DD1
83.3%	83.3% #F767E9	RGB 247 103 233	#F767E9
100.0%	100.0% #FE71FF	RGB 254 113 255	#FE71FF

#CF3C74 #D7438B #DF4CA2 #E754BA #EF5DD1 #F767E9 #FE71FF

#CF3C74 - #E754BA - #FE71FF

CSS codes

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

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