#CE2B7D - #FF5BC2 | 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 #CE2B7D to #FF5BC2

#CE2B7D #FF5BC2

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

#CE2B7D - #FF5BC2 | 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 #CE2B7D as 0% and #FF5BC2 as 100%.

0.0%	0.0% #CE2B7D	RGB 206 43 125	#CE2B7D
16.7%	16.7% #D63388	RGB 214 51 136	#D63388
33.3%	33.3% #DE3B94	RGB 222 59 148	#DE3B94
50.0%	50.0% #E6439F	RGB 230 67 159	#E6439F
66.7%	66.7% #EE4BAB	RGB 238 75 171	#EE4BAB
83.3%	83.3% #F653B6	RGB 246 83 182	#F653B6
100.0%	100.0% #FF5BC2	RGB 255 91 194	#FF5BC2

#CE2B7D #D63388 #DE3B94 #E6439F #EE4BAB #F653B6 #FF5BC2

#CE2B7D - #FF5BC2

HSV Blend

#CE2B7D - #FF5BC2 | 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 #CE2B7D as 0% and #FF5BC2 as 100%.

0.0%	0.0% #CE2B7D	RGB 206 43 125	#CE2B7D
16.7%	16.7% #D63188	RGB 214 49 136	#D63188
33.3%	33.3% #DE3993	RGB 222 57 147	#DE3993
50.0%	50.0% #E6419E	RGB 230 65 158	#E6419E
66.7%	66.7% #EE49AA	RGB 238 73 170	#EE49AA
83.3%	83.3% #F651B6	RGB 246 81 182	#F651B6
100.0%	100.0% #FF5BC2	RGB 255 91 194	#FF5BC2

#CE2B7D #D63188 #DE3993 #E6419E #EE49AA #F651B6 #FF5BC2

#CE2B7D - #E6419E - #FF5BC2

CSS codes

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

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