#CF009E - #FF72CF | 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 #CF009E to #FF72CF

#CF009E #FF72CF

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

#CF009E - #FF72CF | 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 #CF009E as 0% and #FF72CF as 100%.

0.0%	0.0% #CF009E	RGB 207 0 158	#CF009E
16.7%	16.7% #D713A6	RGB 215 19 166	#D713A6
33.3%	33.3% #DF26AE	RGB 223 38 174	#DF26AE
50.0%	50.0% #E739B6	RGB 231 57 182	#E739B6
66.7%	66.7% #EF4CBE	RGB 239 76 190	#EF4CBE
83.3%	83.3% #F75FC6	RGB 247 95 198	#F75FC6
100.0%	100.0% #FF72CF	RGB 255 114 207	#FF72CF

#CF009E #D713A6 #DF26AE #E739B6 #EF4CBE #F75FC6 #FF72CF

#CF009E - #FF72CF

HSV Blend

#CF009E - #FF72CF | 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 #CF009E as 0% and #FF72CF as 100%.

0.0%	0.0% #CF009E	RGB 207 0 158	#CF009E
16.7%	16.7% #D710A4	RGB 215 16 164	#D710A4
33.3%	33.3% #DF21AB	RGB 223 33 171	#DF21AB
50.0%	50.0% #E733B3	RGB 231 51 179	#E733B3
66.7%	66.7% #EF47BB	RGB 239 71 187	#EF47BB
83.3%	83.3% #F75CC4	RGB 247 92 196	#F75CC4
100.0%	100.0% #FF72CF	RGB 255 114 207	#FF72CF

#CF009E #D710A4 #DF21AB #E733B3 #EF47BB #F75CC4 #FF72CF

#CF009E - #E733B3 - #FF72CF

CSS codes

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

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