#CC3A8D - #FF4B72 | 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 #CC3A8D to #FF4B72

#CC3A8D #FF4B72

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

#CC3A8D - #FF4B72 | 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 #CC3A8D as 0% and #FF4B72 as 100%.

0.0%	0.0% #CC3A8D	RGB 204 58 141	#CC3A8D
16.7%	16.7% #D43C88	RGB 212 60 136	#D43C88
33.3%	33.3% #DD3F84	RGB 221 63 132	#DD3F84
50.0%	50.0% #E5427F	RGB 229 66 127	#E5427F
66.7%	66.7% #EE457B	RGB 238 69 123	#EE457B
83.3%	83.3% #F64876	RGB 246 72 118	#F64876
100.0%	100.0% #FF4B72	RGB 255 75 114	#FF4B72

#CC3A8D #D43C88 #DD3F84 #E5427F #EE457B #F64876 #FF4B72

#CC3A8D - #FF4B72

HSV Blend

#CC3A8D - #FF4B72 | 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 #CC3A8D as 0% and #FF4B72 as 100%.

0.0%	0.0% #CC3A8D	RGB 204 58 141	#CC3A8D
16.7%	16.7% #D43C8A	RGB 212 60 138	#D43C8A
33.3%	33.3% #DD3F86	RGB 221 63 134	#DD3F86
50.0%	50.0% #E54282	RGB 229 66 130	#E54282
66.7%	66.7% #EE457D	RGB 238 69 125	#EE457D
83.3%	83.3% #F64878	RGB 246 72 120	#F64878
100.0%	100.0% #FF4B72	RGB 255 75 114	#FF4B72

#CC3A8D #D43C8A #DD3F86 #E54282 #EE457D #F64878 #FF4B72

#CC3A8D - #E54282 - #FF4B72

CSS codes

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

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