#CC3CAA - #FEAAD2 | 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 #CC3CAA to #FEAAD2

#CC3CAA #FEAAD2

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

#CC3CAA - #FEAAD2 | 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 #CC3CAA as 0% and #FEAAD2 as 100%.

0.0%	0.0% #CC3CAA	RGB 204 60 170	#CC3CAA
16.7%	16.7% #D44EB0	RGB 212 78 176	#D44EB0
33.3%	33.3% #DC60B7	RGB 220 96 183	#DC60B7
50.0%	50.0% #E573BE	RGB 229 115 190	#E573BE
66.7%	66.7% #ED85C4	RGB 237 133 196	#ED85C4
83.3%	83.3% #F597CB	RGB 245 151 203	#F597CB
100.0%	100.0% #FEAAD2	RGB 254 170 210	#FEAAD2

#CC3CAA #D44EB0 #DC60B7 #E573BE #ED85C4 #F597CB #FEAAD2

#CC3CAA - #FEAAD2

HSV Blend

#CC3CAA - #FEAAD2 | 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 #CC3CAA as 0% and #FEAAD2 as 100%.

0.0%	0.0% #CC3CAA	RGB 204 60 170	#CC3CAA
16.7%	16.7% #D44BAD	RGB 212 75 173	#D44BAD
33.3%	33.3% #DC5CB2	RGB 220 92 178	#DC5CB2
50.0%	50.0% #E56EB7	RGB 229 110 183	#E56EB7
66.7%	66.7% #ED81BF	RGB 237 129 191	#ED81BF
83.3%	83.3% #F595C7	RGB 245 149 199	#F595C7
100.0%	100.0% #FEAAD2	RGB 254 170 210	#FEAAD2

#CC3CAA #D44BAD #DC5CB2 #E56EB7 #ED81BF #F595C7 #FEAAD2

#CC3CAA - #E56EB7 - #FEAAD2

CSS codes

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

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