#FF2CF8 - #CE0BCA | 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 #FF2CF8 to #CE0BCA

#FF2CF8 #CE0BCA

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

#FF2CF8 - #CE0BCA | 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 #FF2CF8 as 0% and #CE0BCA as 100%.

0.0%	0.0% #FF2CF8	RGB 255 44 248	#FF2CF8
16.7%	16.7% #F626F0	RGB 246 38 240	#F626F0
33.3%	33.3% #EE21E8	RGB 238 33 232	#EE21E8
50.0%	50.0% #E61BE1	RGB 230 27 225	#E61BE1
66.7%	66.7% #DE16D9	RGB 222 22 217	#DE16D9
83.3%	83.3% #D610D1	RGB 214 16 209	#D610D1
100.0%	100.0% #CE0BCA	RGB 206 11 202	#CE0BCA

#FF2CF8 #F626F0 #EE21E8 #E61BE1 #DE16D9 #D610D1 #CE0BCA

#FF2CF8 - #CE0BCA

HSV Blend

#FF2CF8 - #CE0BCA | 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 #FF2CF8 as 0% and #CE0BCA as 100%.

0.0%	0.0% #FF2BF8	RGB 255 43 248	#FF2BF8
16.7%	16.7% #F625F0	RGB 246 37 240	#F625F0
33.3%	33.3% #EE1FE8	RGB 238 31 232	#EE1FE8
50.0%	50.0% #E61AE1	RGB 230 26 225	#E61AE1
66.7%	66.7% #DE14D9	RGB 222 20 217	#DE14D9
83.3%	83.3% #D60FD1	RGB 214 15 209	#D60FD1
100.0%	100.0% #CE0BCA	RGB 206 11 202	#CE0BCA

#FF2BF8 #F625F0 #EE1FE8 #E61AE1 #DE14D9 #D60FD1 #CE0BCA

#FF2CF8 - #E61AE1 - #CE0BCA

CSS codes

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

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