#CC3CA1 - #FEAACC | 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 #CC3CA1 to #FEAACC

#CC3CA1 #FEAACC

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

#CC3CA1 - #FEAACC | 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 #CC3CA1 as 0% and #FEAACC as 100%.

0.0%	0.0% #CC3CA1	RGB 204 60 161	#CC3CA1
16.7%	16.7% #D44EA8	RGB 212 78 168	#D44EA8
33.3%	33.3% #DC60AF	RGB 220 96 175	#DC60AF
50.0%	50.0% #E573B6	RGB 229 115 182	#E573B6
66.7%	66.7% #ED85BD	RGB 237 133 189	#ED85BD
83.3%	83.3% #F597C4	RGB 245 151 196	#F597C4
100.0%	100.0% #FEAACC	RGB 254 170 204	#FEAACC

#CC3CA1 #D44EA8 #DC60AF #E573B6 #ED85BD #F597C4 #FEAACC

#CC3CA1 - #FEAACC

HSV Blend

#CC3CA1 - #FEAACC | 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 #CC3CA1 as 0% and #FEAACC as 100%.

0.0%	0.0% #CC3CA0	RGB 204 60 160	#CC3CA0
16.7%	16.7% #D44BA4	RGB 212 75 164	#D44BA4
33.3%	33.3% #DC5CA9	RGB 220 92 169	#DC5CA9
50.0%	50.0% #E56EAF	RGB 229 110 175	#E56EAF
66.7%	66.7% #ED81B7	RGB 237 129 183	#ED81B7
83.3%	83.3% #F595C0	RGB 245 149 192	#F595C0
100.0%	100.0% #FEAACC	RGB 254 170 204	#FEAACC

#CC3CA0 #D44BA4 #DC5CA9 #E56EAF #ED81B7 #F595C0 #FEAACC

#CC3CA1 - #E56EAF - #FEAACC

CSS codes

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

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